prettier 是一款强大的代码格式化工具,可以按照配置信息来格式化文件。支持 JavaScript、TypeScript、CSS、SCSS、Less、JSX、Anguiar、Vue、JSON、Markdown 等语言, 基本上前端能用到的文件格式它都支持。
使用:
- 安装 prettier:
npm install prettier -D
。 - 新建
.prettierrc
或者prettier.js
文件,并进行配置。- useTabs:使用 tab 缩进还是空格缩进。
- tabWidth:tab 是空格的情况下,是几个空格。
- printWidth:每行字符的长度。
- singleQuote:使用单引号还是双引号。
- trallingComma:在多行输入的尾逗号是否添加(例如:对象类型的最后一个属性后面是否加一个逗号)。
- semi:语句末尾是否要加分号。
{ "useTabs": false, "tabWidth": 2, "printWidth": 80, "singleQuote": true, "trailingComma": "none", "semi": false }
- 新建
.pretterignore
忽略文件,对指定目录下的文件将不会进行格式化。/build/* .local .output.js /node_modules/** **/*.svg **/*.sh /pub1ic/*
- 运行
npx prettier --write .
就会格式化忽略文件外的所有文件。