正文 :
在快节奏的前端开发中 ,随后通过命令行全局安装Prettier :
npm install --global prettier安装完成后 ,火影奖励网站微信加粉统计系统、定义HTML和CSS的火影忍者漩涡一族通用规则:
{ "printWidth": 80, "tabWidth": 2, "useTabs": false, "semi": true, "singleQuote": true, "htmlWhitespaceSensitivity": "css" }关键参数说明:
- htmlWhitespaceSensitivity :确保HTML与CSS空格规则兼容
- singleQuote:强制单引号风格3. 实战格式化 :批量处理文件
格式化单个文件prettier --write src/index.html批量处理整个目录prettier --write "src/**/*.{html,css}"4. 进阶技巧 :与编辑器集成
主流编辑器(如VSCode)可通过扩展实现保存时自动格式化:
1. 安装Prettier插件
2. 在设置中勾选Format On Save
3. 指定默认格式化工具为Prettier