企业方案 vscode

1. 下载插件

2. 配置

{
    
    
  "mithrilEmmet.vnodeFactoryFunctionName": "m", //  Specifies the name of vnode factory function. E.g. for mithril, use 'm'; for hyperscript, use 'h'.
  "mithrilEmmet.outputDefaultTagName": true, // 
  "emmet.triggerExpansionOnTab": 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, //字体大小
  // vetur 自定义配置
  "vetur.format.defaultFormatterOptions": {
    
    
    "prettier": {
    
    
      "singleQuote": true,
      "semi": false,
      "trailingComma": "none"
    }
  },
  // -------------------------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
  },
  "git.confirmSync": false,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "[json]": {
    
    
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    
    
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "explorer.confirmDelete": false,
  "auto-close-tag.activationOnLanguage": [
  "!cwd",
    "xml",
    "php",
    "blade",
    "ejs",
    "jinja",
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "plaintext",
    "markdown",
    "vue",
    "nvue",
    "liquid",
    "erb",
    "lang-cfml",
    "cfml",
    "HTML (EEx)",
    "HTML (Eex)",
    "plist"
  ],
  "files.associations": {
    
    
    "*.vue": "vue",
    "*.nvue": "vue"
  },
  "vetur.validation.template": false,
  "vetur.validation.script": false,
  "vetur.validation.style": false
  // -------------------------Operator Mono字体设置 End-----------------------------------
}