前端项目相关配置文件

prettier配置文件

.prettierrc.js

module.exports = {
   
    // 一行最多 80 字符
    printWidth: 80,
    // 使用 2 个空格缩进
    tabWidth: 2,
    // 不使用缩进符，而使用空格
    useTabs: false,
    // 行尾需要有分号
    semi: false,
    // 避免报: delete (cr)的错
    endOfLine: 'auto',
    // 使用单引号
    singleQuote: true,
    // 在jsx中把'>' 单独放一行
    jsxBracketSameLine: false,
    // 末尾不添加多余的逗号
    trailingComma: 'none',
    // 此配置用于避免vue模板的html元素内容最后一个>被强制放到单独一行的问题
    htmlWhitespaceSensitivity:'ignore',
}

.prettierignore

node_modules
.history
dist
.vscode
mock
tsconfig.json
vue.config.js
babel.config.js
.eslintrc.js
webstorm.config.js

eslint配置文件

.eslintrc.js

module.exports = {
   
  root: true,
  env: {
   
    node: true,
  },
  extends: [
    "plugin:vue/vue3-essential",
    "eslint:recommended",
    "@vue/typescript/recommended",
    "@vue/prettier",
    "@vue/prettier/@typescript-eslint",
  ],
  parserOptions: {
   
    ecmaVersion: 2020,
  },
  rules: {
   
    "no-console": process