开发工具

所有代码都是自动修复的 自动完成的 自动导入的 什么都是自动的 让你远离 eslint 烦恼又能拥有 eslint 最严格的校验规则 实时修复 实时排序 css 属性 全网首家 你心动了吗 那就加入我们的 vip 群吧 805808910

webstorm 的配置

下载地址：webstorm

• prettier 配置：

  这个工具在 vue-admin-better 中特别重要，他会自动为您格式化整理代码，webstorm 默认已安装 prettier，只需进行如下配置即可

  

vscode 下载地址https://code.visualstudio.com/

必备插件安装

• Auto Import import 引入自动补全
• Import Cost 查看你引入的依赖模块大小
• Auto Close Tag 自动补全 html 标签
• Auto Rename Tag 自动重命名 html 标签
• Prettier - Code formatter 代码自动格式化
• One Monokai Theme vscode 主题包
• stylelint stylelint
• Vetur vue 开发必备
• vscode-element-helper element 开发必备

.vscode/setting.js配置

{
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.quickSuggestions": {
    "strings": true
  },
  "workbench.colorTheme": "One Monokai",
  "editor.tabSize": 2,
  "editor.detectIndentation": false,
  "emmet.triggerExpansionOnTab": true,
  "editor.formatOnSave": true,
  "javascript.format.enable": true,
  "git.enableSmartCommit": true,
  "git.autofetch": true,
  "git.confirmSync": false,
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "liveServer.settings.donotShowInfoMsg": true,
  "explorer.confirmDelete": false,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "typescript.updateImportsOnFileMove.enabled": "always",
  "files.exclude": {
    "**/.idea": true
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.stylelint": true,
    "source.fixAll.eslint": true
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  "prettier.htmlWhitespaceSensitivity": "ignore",
  "prettier.vueIndentScriptAndStyle": true,
  "docthis.authorName": "chuzhixin 1204505056@qq.com",
  "docthis.includeAuthorTag": true,
  "docthis.includeDescriptionTag": true,
  "docthis.enableHungarianNotationEvaluation": true,
  "docthis.inferTypesFromNames": true,
  "vetur.format.defaultFormatter.html": "prettier",
  "files.autoSave": "onFocusChange",
  "path-intellisense.mappings": {
    "@": "${workspaceRoot}/src"
  },
  "files.eol": "\n"
}