what prettier??
prettier是目前比較流行，用得比較多的代碼格式化工具，當你在編輯器裏面保存代碼的時候自動格式化你的代碼格式，統一團隊代碼格式，尤其是配合eslint的時候，更能節省時間。
使用prettier
項目為VUE，在創建項最好是要選擇linter/formatter選項,ESLint+Prettier
選擇第四項
1.在vscode裏面的插件市場搜索prettier進行安裝不要選錯了哦~哥哥們
vscode 搜索
2.接下來在vscode裏面創建.prettierrc的文件，支持json格式的哦哥哥們~根據自己的喜歡進行設置就好了，跟多的選項可以去查看文檔prettier
新建文件
配置參數
3.然後在vscode裏面配置，搜索format，在這裡需要注意的是，vscode的配置分為用戶，和工作區兩部分，用戶區代表進行了配置之後所有的項目都會沿用你的配置，工作區則是對當前的項目生效，我推薦在工作區裏面選中format on save選項，然後vscode會生成一個.vocode目錄，裏面有一個settings.json文件，裏面有對於對當前項目的format配置。
設置
設置
4.經過上面的配置之後，按保存之後就可以自動格式化代碼了，如果出現不能格式化代碼，或者對ts文件不能格式化的，請參考這個：
配置
5.如果大家之前使用過webstore編輯器，會自動保存代碼，很方便，當前在vscode裏面也有類似功能。 比如我選擇了 onWindowChange選項，當窗口失去焦點的時候，切換窗口的時候，代碼就會自動保存啦.
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/269751.html
微信掃一掃 
支付寶掃一掃 