1.在Vscode应用商店安装eslint + vuter + prettier自动格式化代码配置;

2.文件—首选项—设置—用户设置—拓展—ESlint—点击“在setting.json”中编辑

3.黏贴如下代码:

{
  "window.zoomLevel": -1, // 窗口大小比例
  "editor.tabSize": 2,
  "editor.detectIndentation": false,
  "emmet.triggerExpansionOnTab": true,
  "update.channel": "none",
  "editor.formatOnSave": true, // eslint保存格式化
  "javascript.format.enable": false, // 不启动JavaScript格式化
  "prettier.eslintIntegration": true,
  "javascript.updateImportsOnFileMove.enabled": "never",
  "background.customImages": [],
  "winopacity.opacity": 50,
  "background.style": {
    "opacity": 0
  },
  // "winopacity.opacity": 1,
  "eslint.codeAction.disableRuleComment": {},
  "editor.codeActionsOnSave": null,
  "diffEditor.ignoreTrimWhitespace": false,
  "files.associations": {
    
    "*.tsx": "typescriptreact"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  } // 让prettier遵循eslint格式美化,
}