【prettier】vscode + prettier自动格式化


1. 搜索并安装prettier,并确定该插件是启用状态

2. 在项目中安装prettier

1
npm install --save-dev prettier

3. 在项目根目录新建.prettierrc.prettierignore文件

.prettierrc: 配置格式化规则,如以下配置

1
2
3
4
5
6
{
"semi": true,
"singleQuote": false,
"arrowParens": "always",
"trailingComma": "all"
}

.prettierrc更多的配置内容可以点击这里

.prettierignore: 配置不需要格式化的文件,如下:

1
2
3
4
# Ignore artifacts:
build
coverage
/node_modules

4.打开vscodesetting(快捷键command+,),搜索Format,并勾选Editor: Format On Save

5. 随便打开一个项目中的js文件,右键,点击使用…格式化文档


6. 在顶部点击配置默认格式化程序…,选择Prettier


配置完成,改动文件并保存就可以生效了。