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選項,當窗口失去焦點的時候,切換窗口的時候,代碼就會自動保存啦.


版權聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至 舉報,一經查實,本站將立刻刪除。