1. 搜索并安装prettier
,并确定该插件是启用状态
2. 在项目中安装prettier
1 | npm install --save-dev prettier |
3. 在项目根目录新建.prettierrc
和.prettierignore
文件
.prettierrc
: 配置格式化规则,如以下配置
1 | { |
.prettierrc
更多的配置内容可以点击这里
.prettierignore
: 配置不需要格式化的文件,如下:
1 | # Ignore artifacts: |
4.打开vscode
的setting
(快捷键command+,
),搜索Format
,并勾选Editor: Format On Save
5. 随便打开一个项目中的js文件,右键,点击使用…格式化文档
6. 在顶部点击配置默认格式化程序…,选择Prettier
配置完成,改动文件并保存就可以生效了。