格式化代码是一个挑战但现代开发工具可以自动保持团队代码库的一致性。在本文中您将设置 Prettier 以自动格式化 Visual Studio Code也称为 VSCode中的代码。1. 安装插件2. 定义代码风格在项目根目录下创建一个prettier配置方案文件一般命名为.prettierrc这里我就创建一个.prettierrc.js文件然后在这个.prettierrc.js文件中配置规则相关配置如下module.exports { useTabs: false, // 采用tab缩进还是空白缩进 tabWidth: 2, // Tab键宽度 printWidth: 80, // 宽度限制 singleQuote: false, //字符串是否使用单引号 semi: false, //行位是否使用分号 trailingComma: none, //是否使用尾逗号 bracketSpacing: true, // 是否保留括号中的空格 默认true }说明这里的配置是自定义的个人项目根据自己的喜好就好团队项目需要根据团队规范配置相应规则。3. 通过命令一键格式化代码首先需要通过npm或者其他包管理工具安装prettier这个包命令如下npm i prettier -D然后在package.json文件中的scripts中配置命令如下prettier: prettier --write .然后通过命令npm run prettier就可以一键格式化所有文件了但是有时候我们并不需要格式化所有的文件比如node_modules文件夹下的文件我们并不需要格式化举个例子node_modules默认会被忽略所以不需要配置那么这个时候我们就可以在项目根目录下新建一个.prettierignore文件配置如下/build/* /dist/* /public/* **/*.svg参考文献vscode Prettier - Code formatter 代码格式化 - 知乎使用prettier工具规范代码 - 简书How To Format Code with Prettier in Visual Studio Code | DigitalOcean