##### 简介 为确保代码的一致性以及基础语法纠错，我们采用 `ESlint+Vetur+Prettier+KoroFileHeader`，当保存文件时根据配置的规则自动格式化代码，并且自动更新最后编辑时间、编辑人。由于 `HBuilderX` 对于保存文件自动格式化代码支持不友好，故我们开发时用 `vscode`，运行及发布时用 `HBuilderX`。可以先在 `HBuilderX` 里运行起来，然后在 `vscode` 里修改保存代码，代码修改后会自动同步。 - ESlint - 语法检测 - Vetur - vue 语法高亮 - Prettier - 代码格式化 - KoroFileHeader - 文件头部添加注释 ##### 安装  按照上面依次安装 ##### 配置 在 Vs Code 中通过快捷键 **window：Ctrl+shift+p，mac：command+shift+p** 打开 `settings.json`并添加以下配置： ```bash // 每次保存的时候将代码按eslint格式进行修复 "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, // 使用 Prettier 进行格式化 "editor.defaultFormatter": "esbenp.prettier-vscode", "[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[json]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, // Vetur 配置 "vetur.validation.template": false, "vetur.ignoreProjectWarning": true, "vetur.format.defaultFormatter.js": "vscode-typescript", // ESlint 配置 "eslint.alwaysShowStatus": true, "eslint.codeActionsOnSave.mode": "problems", "eslint.validate": ["javascript", "vue", "json"], "eslint.codeAction.showDocumentation": { "enable": true }, // koroFileHeader头部注释 "fileheader.customMade": { "Author": "your name", // 作者 "Date": "Do not edit", // 文件创建时间 "LastEditTime": "Do not edit", // 保存文件更改默认更新最后编辑时间 "LastEditors": "your name", // 保存文件更改默认更新最后编辑人 "Description": "File Info" // 页面名称 } ```