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