vscode配置vue下的es6規(guī)范自動格式化詳解
前言
最近在寫Vue的時候，遇見了js es6格式化問題，因為我平時用vscode在寫php，所以會安裝一些格式化插件，也包括html-css-js的插件
導(dǎo)致的問題：由于vue語法規(guī)范問題，導(dǎo)致保存自動格式化成不被使用的代碼格式，出現(xiàn)代碼錯誤等異常
寫這篇的時候，我也查閱了很多資料有很多的資料不能被使用，也換過很多的編輯器如：Atom,sublime,webstorm
否掉的編輯器
Atom
這一款編輯器真心顏值高，但是插件是真心不好弄，各種被墻，各種的不適應(yīng)，所以我決定還是棄掉
sublime
同上，以前sublime沒發(fā)現(xiàn)墻，但是現(xiàn)在好像有墻了，所以懶得折騰，棄掉
webstorm
webstorm 的強(qiáng)大不做解釋，但是就是太大，太慢，界面不喜歡是最終理由，棄掉
MAC配置下vscode自動格式化vue
相關(guān)插件：ESLint,JavaScript(ES6),vetur
先安裝相關(guān)插件。打開settings.json，在代碼塊里面添加
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "html",
"autoFix": true
},
{
"language": "vue",
"autoFix": true
}
],
"eslint.autoFixOnSave": true,
"explorer.confirmDragAndDrop": false,
"editor.detectIndentation": false,
"editor.tabSize": 2,
"vetur.format.defaultFormatter.js": "none"
保存然后重啟，解決
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
vue3+vite3+typescript實(shí)現(xiàn)驗證碼功能及表單驗證效果
這篇文章主要介紹了vue3+vite3+typescript實(shí)現(xiàn)驗證碼功能及表單驗證效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
vue實(shí)現(xiàn)圖片拖拽及鼠標(biāo)滾輪放大縮小的示例代碼
本文主要給大家介紹如何vue實(shí)現(xiàn)圖片拖拽及鼠標(biāo)滾輪放大縮小,文中有詳細(xì)的代碼供大家參考,對我們的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-08-08
一文搞懂Vue3中toRef和toRefs函數(shù)的使用
這篇文章主要為大家介紹了Vue3中toRef和toRefs函數(shù)的使用方法，文中通過示例為大家進(jìn)行了詳細(xì)的講解，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-07-07
這篇文章主要為大家詳細(xì)介紹了如何在vue中封裝axios請求并集中管理,w文中的示例代碼講解詳細(xì),具有一定的參考價值,有需要的小伙伴可以了解下2023-10-10
搜索功能在后臺管理頁面中非常常見，這篇文章就著重講一下vue3-admin-element框架中如何實(shí)現(xiàn)一個頂部多條件搜索功能，感興趣的小伙伴可以了解一下2023-08-08
vscode中開發(fā)運(yùn)行uniapp項目詳細(xì)步驟
VSCode作為一個非常強(qiáng)大的代碼編輯器,可以集成眾多的插件和工具來優(yōu)化開發(fā)效率,這篇文章主要給大家介紹了關(guān)于vscode中開發(fā)運(yùn)行uniapp項目的詳細(xì)步驟,需要的朋友可以參考下2023-07-07
Vue Element前端應(yīng)用開發(fā)之功能點(diǎn)管理及權(quán)限控制
在一個業(yè)務(wù)管理系統(tǒng)中，如果我們需要實(shí)現(xiàn)權(quán)限控制功能，我們需要定義好對應(yīng)的權(quán)限功能點(diǎn)，然后在界面中對界面元素的功能點(diǎn)進(jìn)行綁定，這樣就可以在后臺動態(tài)分配權(quán)限進(jìn)行動態(tài)控制了，權(quán)限功能點(diǎn)是針對角色進(jìn)行控制的，也就是簡稱RBAC（Role Based Access Control）。2021-05-05
vue中的事件加判斷條件如何進(jìn)行選擇性點(diǎn)擊
這篇文章主要介紹了vue中的事件加判斷條件如何進(jìn)行選擇性點(diǎn)擊方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
在nuxt使用vueX代替storage的實(shí)現(xiàn)方案
這篇文章主要介紹了在nuxt使用vueX代替storage的實(shí)現(xiàn)方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
Vue項目數(shù)據(jù)動態(tài)過濾實(shí)踐及實(shí)現(xiàn)思路
這篇文章主要介紹了Vue項目數(shù)據(jù)動態(tài)過濾實(shí)踐,，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-09-09