Express 项目环境搭建 -- 1. 初始化项目

Express 提供了生成器创建项目，

npm install -g express-generator
mkdir test
cd test
express --no-view

配置 Eslint

介绍

Eslint 是一个格式化 JavaScript 的工具

使用

这里使用的是 v8 版本的 eslint

npm init @eslint/config

配置

Eslint 的配置文件

// eslintrc.js
module.exports = {
  root: true,
  env: {
    commonjs: true,
    es2021: true,
    node: true
  },
  extends: [
    "standard",
    "plugin:node/recommended"
  ],
  plugins: [
    "node"
  ],
  parserOptions: {
    ecmaVersion: "latest"
  },
  rules: {
    semi: [
      "error",
      "always"
    ],
    quotes: [
      "error",
      "double"
    ],
    "comma-dangle": [
      "error",
      {
        arrays: "never",
        objects: "never",
        imports: "never",
        exports: "never",
        functions: "never"
      }
    ],
    "newline-per-chained-call": [
      "error",
      {
        ignoreChainWithDepth: 1
      }
    ],
    "array-bracket-spacing": ["error", "never"],
    "node/no-missing-import": "off",
    "no-multiple-empty-lines": "error",
    "no-var": "error",
    "no-template-curly-in-string": "off",
    "node/no-deprecated-api": "off",
    camelcase: "off",
    "no-bitwise": "off",
    "no-case-declarations": "off",
    "no-new": "off",
    "new-cap": "off",
    "no-unmodified-loop-condition": "off",
    "no-loop-func": "off",
    "prefer-promise-reject-errors": "off",
    "node/no-unsupported-features/es-syntax": "off",
    "standard/no-callback-literal": "off",
    "no-tabs": "off",
    indent: [
      "error",
      "tab"
    ],
    "space-before-function-paren": [
      "error",
      {
        anonymous: "never",
        named: "never",
        asyncArrow: "always"
      }
    ],
    "arrow-parens": [
      "error",
      "as-needed"
    ]
  }
};

vscode 的配置文件

// .vscode/settings.json
{
  "eslint.enable": true,
  "eslint.alwaysShowStatus": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
  },
}