prettier保存代码时自动格式化

Posted 2022-11-23 Gleason.

1. 打开vscode 在商店中搜索 prettier 并安装
   
2. 打开 设置
   
3. 搜索 Format 并勾选 Format On Save
   
4. 设置 窗口失去焦点自动保存并格式化
   
5. 设置默认格式化程序
   任意打开一个js文件单击右键调出菜单选择使用...格式化文档
   
   选择 配置默认格式化程序
   选择 prettier
   
6. 本地安装 Prettier
   在每个项目中本地安装Prettier很重要，每个项目都会获得正确的 Prettier 版本支持。

   // npm 
   npm install --save-dev --save-exact prettier
   // yarn 
   yarn add --dev --exact prettier
   

7. 项目根目录添加 prettier 配置文件
   

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

8. 配置忽略文件
   

   # 忽略的文件夹:
   build/
   coverage/
   .vscode/
   docker/
   node_modules/
   
   # 忽略的文件
   *.html
   *.js
   

配置完成，更改文件试试吧