prettier格式化耙箍，可以讓整個項目按照同一種風(fēng)格習(xí)慣寫代碼辩昆，不會出現(xiàn)一些人用兩個空格旨袒，一些人用四個空格砚尽，讓代碼看起來很亂必孤，有代碼潔癖的人真是無法忍受
這里是prettier日常配置敷搪，記錄一下
1. vscode下載prettier插件
2. 在項目根目錄添加配置文件
- 創(chuàng)建.prettierrc.js文件
module.exports = {
// 2個空格漸進(jìn)
"tabWidth": 2,
// 不使用縮進(jìn)符赡勘，使用空格
"useTabs": false,
// 使用單引
"singleQuote": true,
// 行尾不使用闸与；
"semi": false,
// 一行多少字符會換行
"printWidth": 200,
// 箭頭函數(shù)，只有一個參數(shù)時凸丸，不需要括號
"arrowParents": "avoid"
}
- .prettierignore文件
*.min.js
*.handle.js
*.min.css
lib/
node_modules/
dist/
3. 默認(rèn)使用prettier格式化文件
在單個文件里木羹，右擊坑填，選擇"format document with"脐瑰，選擇prettier
4. 在單個文件使用快捷
- mac：options + shift + f
- windows：alt + shift + f
5. 如果要全局格式化
// 設(shè)置全局格式化的范圍
"scripts": {
"pretitter": "pretitter --write './src/**/*.vue' ./src/**/*.js ./common/*.js"
}
- 執(zhí)行npm run pretitter進(jìn)行全局格式化
6. 如果發(fā)現(xiàn)不生效苍在，有可能需要項目安裝prettier插件
npm i prettier
重啟vscode和項目寂恬，查看是否生效
