项目搭建规范

editorconfig配置

EditorConfig有助于为不同IDE编辑器处理同一项目维护一致的开发风格。

    # https://editorconfig.org

    root = true

    [*]
    charset = utf-8
    indent_style = space
    indent_size = 2
    end_of_line = lf
    insert_final_newline = true
    trim_trailing_whitespace = true

    [*.md]
    insert_final_newline = false
    trim_trailing_whitespace = false

  下载插件 EditorConfig for VS Code

pretter工具

1.安装 npm install prettier -D

2.配置.prettierc文件

{
  "semi": false,
  "singleQuote": true,
  "printWidth": 80,
  "trailingComma": "none",
  "arrowParens": "avoid"
}

3.安装 Prettier 插件
4.配置
    vscode -> 首选项 -> 设置 -> 文本编辑器 -> 格式化 -> Format On Save
    搜索 "Editor:Default Formatter" 选择 Prettier

ESLint检测

1.安装 npm install eslint-plugin-prettier -D

2.配置 .eslintrc 文件

module.exports = {
      root: true,
      extends: [
        'plugin:vue/vue3-essential',
        'eslint:recommended',
        '@vue/eslint-config-typescript',
        '@vue/eslint-config-prettier',
        'plugin:prettier/recommended'  // 代码规范与prettier一致
      ],
      parserOptions: {
        ecmaVersion: 'latest'
      },
      rules: {}  // 想关闭的规范在这里设置
}