【prettier】vscode项目配置prettier


1. 项目中安装prettier

npm i prettier –save-dev

2. 在vsocde中安装prettier插件

注:虽然在项目中安装了 Prettier 以后,可以通过命令行或其他工具来进行代码格式化,但在 VS Code 中使用 Prettier 插件可以使代码格式化更加便捷,而且可以在保存文件时自动格式化代码。因此,建议还是在 VS Code 中安装 Prettier 插件。

3. 设置配置规则

在项目根目录新建.prettierrc文件,配置规则

4. 设置.prettierrc的读取

5. 设置保存时自动格式化

6. 配置格式化程式

然后选择prettier即可。

7. 完成

此时保存,就可以自动格式化了。