文章目录

• ​​1. settings.json​​
• ​​2. 在项目根目录添加.eslintrc.js​​
• ​​3. 在项目根目录添加.prettierrc.json​​

1. settings.json

ctrl+shirt+p 搜索​​settings.json​​替换为下面内容即可

{
  // 主题颜色 浅色主题
  "workbench.colorTheme": "Monokai",
  "workbench.iconTheme": "vscode-icons", //图标主题
  "git.autofetch": true,
  "window.zoomLevel": 0,
  "editor.fontSize": 20,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "editor.detectIndentation": false,
  "editor.tabSize": 2, // 重新设定tabsize
  "editor.formatOnSave": true, // #每次保存的时候自动格式化
  "editor.codeActionsOnSave": { // #每次保存的时候将代码按eslint格式进行修复
    "source.fixAll.eslint": true
  },
}

2. 在项目根目录添加.eslintrc.js

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/essential',
    '@vue/standard'
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    "space-before-function-paren": 0
  }
}

注：异常 Missing space before function parentheses
添加"space-before-function-paren": 0 规则解决

3. 在项目根目录添加.prettierrc.json

{
  "singleQuote": true,
  "semi": false
}

注：保存自动格式化为单引号，去除分好结尾

• 企业内部全局配置

{
  "prettier.semi": true,
  "prettier.singleQuote": true, 
    "vetur.ignoreProjectWarning": true,//配置Vetur插件，忽略提示
     // 在方法括号之间插入空格
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    "editor.tabSize": 2,//指定一个tab等于多少个空格，例如此处指定4就像等于4个空格，2就等于两个空格
    "editor.detectIndentation": false, //必须指定！！否则指定的tab大小将不起效果
    "editor.formatOnSave": true,// 每次保存的时候自动格式化
    "editor.formatOnType": true, // 每次保存的时候自动格式化
    "editor.codeActionsOnSave": { // #每次保存的时候将代码按eslint格式进行修复
      "source.fixAll.eslint": true
    },
    "workbench.iconTheme": "vscode-icons", //图标主题
    "vsicons.dontShowNewVersionMessage": true,//不显示新版本提示信息
    "editor.fontSize": 18,//字体大小

    // -------------------------Operator Mono字体设置 Start-----------------------------------
    "editor.fontFamily": "Operator Mono",
    "editor.fontLigatures": true, // 这个控制是否启用字体连字，true启用，false不启用，这里选择启用
    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "name": "italic font",
                "scope": [
                    "comment",
                    "keyword",
                    "storage",
                    "keyword.control.import",
                    "keyword.control.default",
                    "keyword.control.from",
                    "keyword.operator.new",
                    "keyword.control.export",
                    "keyword.control.flow",
                    "storage.type.class",
                    "storage.type.function",
                    "storage.type",
                    "storage.type.class",
                    "variable.language",
                    "variable.language.super",
                    "variable.language.this",
                    "meta.class",
                    "meta.var.expr",
                    "constant.language.null",
                    "support.type.primitive",
                    "entity.name.method.js",
                    "entity.other.attribute-name",
                    "punctuation.definition.comment",
                    "text.html.basic entity.other.attribute-name.html",
                    "text.html.basic entity.other.attribute-name",
                    "tag.decorator.js entity.name.tag.js",
                    "tag.decorator.js punctuation.definition.tag.js",
                    "source.js constant.other.object.key.js string.unquoted.label.js",
                ],
                "settings": {
                    "fontStyle": "italic",
                }
            },
        ]
    },
    "[vue]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "tabnine.experimentalAutoImports": true,
    "editor.quickSuggestions": {
      "strings": true
    }
    // -------------------------Operator Mono字体设置 End-----------------------------------

}