溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
編輯器另外一個很重要的功能就是代碼格式化了，VS Code默認提供常見文件的格式化，如.js,.html等。
添加對.vue文件的格式化支持
這里我們添加對 .vue 文件的格式化支持。
1. 安裝 Vetur 插件
2. 在 VS Code 的設置中添加如下規則：
{
"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 規范的格式化
1、使用 prettier 格式化 .js 文件
可以設置 prettier 在格式化的時候，讀取項目的 .eslintrc的配置，對 js代碼進行格式化。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
2、對.vue文件的格式化
prettier插件對 .vue 文件格式化時，暫不能支持將 eslint規范應用到 js代碼中。
但是我們可以先將其格式化，然后利用 ESLint 保存文件時自動修復錯誤的特性，修復一些諸如 分號，空格，縮進 等錯誤。
參考資料：
- Vetur
本文首發于我的github
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
