詳解VS Code使用之Vue工程配置format代碼格式化
編輯器另外一個很重要的功能就是代碼格式化了，VS Code默認提供常見文件的格式化，如.js,.html等。
添加對.vue文件的格式化支持
這里我們添加對 .vue 文件的格式化支持。
1. 安裝 Vetur 插件
2. 在 VS Code 的設置中添加如下規(guī)則：
{
"vetur.format.defaultFormatter": {
"html": "prettier",
"css": "prettier",
"postcss": "prettier",
"scss": "prettier",
"less": "prettier",
"js": "prettier",
"ts": "prettier",
"stylus": "stylus-supremacy"
}
}
這里是設置 Vetur 默認使用的格式化插件 prettier。 這樣對于.vue文件中的 html 和 javascript 代碼都有格式化支持了。
使用符合 ESLint 規(guī)范的格式化
1、使用 prettier 格式化 .js 文件
可以設置 prettier 在格式化的時候，讀取項目的 .eslintrc的配置，對 js代碼進行格式化。
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
- 首先為 VS Code 安裝 prettier 插件
- 在 VS Code 的設置中添加如下配置
- json
- "prettier.eslintIntegration": true
2、對.vue文件的格式化
prettier插件對 .vue 文件格式化時，暫不能支持將 eslint規(guī)范應用到 js代碼中。
但是我們可以先將其格式化，然后利用 ESLint 保存文件時自動修復錯誤的特性，修復一些諸如 分號，空格，縮進 等錯誤。
參考資料：
- Vetur
本文首發(fā)于我的github
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了vue使用echart自定義標簽以及顏色，應用于echart 5.0以上版本，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
VUE+jszip如何實現(xiàn)下載多個文件導出為一個zip格式
這篇文章主要介紹了VUE+jszip如何實現(xiàn)下載多個文件導出為一個zip格式方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
vue3配置Element及element-plus/lib/theme-chalk/index.css報錯的解決
這篇文章主要介紹了vue3配置Element及element-plus/lib/theme-chalk/index.css報錯的解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
ElementUI中的el-dropdown傳入多參數(shù)的實現(xiàn)方法
本文主要介紹了ElementUI中的el-dropdown傳入多參數(shù)的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-12-12
vue2移動端+swiper實現(xiàn)異形的slide方式
這篇文章主要介紹了vue2移動端+swiper實現(xiàn)異形的slide方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
vue項目實現(xiàn)點擊目標區(qū)域之外可關閉(隱藏)目標區(qū)域
這篇文章主要介紹了vue項目實現(xiàn)點擊目標區(qū)域之外可關閉(隱藏)目標區(qū)域，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
這篇文章主要為大家介紹了Vue3?如何通過虛擬DOM更新頁面詳解,有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
這篇文章主要介紹了vue3組件通信方式,面試題經(jīng)常會問到vue3組件間的通信方式，今天就通過實例代碼給大家詳細介紹下，對vue3組件通信相關知識感興趣的朋友一起看看吧2022-08-08
這篇文章主要給大家總結介紹了關于vue.js集成echarts遇到的一些問題，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-04-04
vue.js利用defineProperty實現(xiàn)數(shù)據(jù)的雙向綁定
本篇文章主要介紹了用Node.js當作后臺、jQuery寫前臺AJAX代碼實現(xiàn)用戶登錄和注冊的功能的相關知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04