【prettier】vscode + prettier自动格式化

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


2. 在项目中安装prettier

npm install --save-dev prettier

3. 在项目根目录新建.prettierrc.prettierignore文件
.prettierrc: 配置格式化规则,如以下配置

{
  "semi": true,
  "singleQuote": false,
  "arrowParens": "always",
  "trailingComma": "all"
}

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


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

# Ignore artifacts:
build
coverage
/node_modules

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


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

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容