vscode中eslint插件的配置（prettier配置無(wú)效）
用vue-cli構(gòu)建vue項(xiàng)目，會(huì)有個(gè)eslint代碼檢測(cè)的安裝
可vscode自帶代碼格式化是prettier格式（右鍵有格式化文件或alt+shift+f）
這時(shí)候要在vscode上裝一個(gè)eslint插件
裝完后在文件-----》首選項(xiàng)-------》設(shè)置里找到settings.json（快捷鍵忘了）
eslint配置如下，（配置的·具體詳情還有待研究，我也是網(wǎng)上copy的，不過(guò)親測(cè)可用）。保存配置后每次寫.vue文件只要control+s保存，就可以把代碼格式改成符合eslint標(biāo)準(zhǔn)
"eslint.autoFixOnSave": true,
// 專門寫Vue的eslint配置
"eslint.validate": [
"javascript",
"javascriptreact",
{ "language": "html", "autoFix": true },
{ "language": "vue", "autoFix": true }
]
-------------------------------------------------------------分割線---------------------------------------------------------------
在寫vue的時(shí)候很多人會(huì)選擇prettier+eslint來(lái)規(guī)范代碼格式
這時(shí)候有些人就很奇怪，我明明在setting.json里配置了prettier的格式化規(guī)范，怎么就不生效呢
其實(shí)用vscode做vue開發(fā)的時(shí)候都會(huì)安裝一個(gè)Vetur的插件來(lái)對(duì).vue格式的文件進(jìn)行處理，Vetur自帶了格式化，規(guī)范就是使用prettier
如果你有裝prettier插件，并且在設(shè)置或setting.json里配置了prettier的話是無(wú)效的
如上圖，在設(shè)置勾選后配置后就會(huì)在setting.json里生成對(duì)應(yīng)配置代碼，不過(guò)由于Vetur的存在，此時(shí)的prettier其實(shí)并未起作用（可能是優(yōu)先級(jí)問(wèn)題吧，我也不清楚）
正確配置看下圖和Vetur官方文檔
所以說(shuō)有兩種方法配置，一種是在根目錄下寫一個(gè).prettier文件，文件里的內(nèi)容可以參考網(wǎng)上其它文章。另一種就是如上圖所示，在setting.json里配置
------------------------------------------------------------------------------分割線---------------------------------------------------
eslint也是能格式化的，只是有局限性，所以要prettier來(lái)配合
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
vue通過(guò)video.js解決m3u8視頻播放格式的方法
這篇文章主要給大家介紹了關(guān)于vue通過(guò)video.js解決m3u8視頻播放格式的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
vue組件通信的方式，這是在面試中一個(gè)非常高頻的問(wèn)題。其實(shí)Vue組件的通信方式除了props和?$emit還有很多，本文將對(duì)vue組件通信方式進(jìn)行一下總結(jié)，感興趣的可以學(xué)習(xí)一下2021-12-12
在計(jì)算字符數(shù)時(shí),一般情況下,英文字符、數(shù)字和大部分符號(hào)都可以被視為占一個(gè)字符長(zhǎng)度,因?yàn)樗鼈兪菃蝹€(gè)字節(jié),然而,對(duì)于某些特殊字符,如表情符號(hào)和部分非英文字符,會(huì)被認(rèn)為占據(jù)了多個(gè)字符長(zhǎng)度,本文給介紹了vue處理emoji表情占位符的操作方法,需要的朋友可以參考下2024-06-06
這篇文章主要給大家介紹了關(guān)于Vue前端生成UUID的相關(guān)資料,前端需要生成一個(gè)唯一標(biāo)識(shí)符作為ID時(shí),可以使用Vue UUID插件,比如生成訂單號(hào)、用戶ID等等,需要的朋友可以參考下2023-09-09
查看vue版本號(hào)以及vue/cli腳手架版本號(hào)方式
這篇文章主要介紹了查看vue版本號(hào)以及vue/cli腳手架版本號(hào)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了vue使用file-saver本地文件導(dǎo)出,大家需要安裝xlsx和file-saver，然后創(chuàng)建localExports.js文件，具體實(shí)現(xiàn)代碼跟隨小編一起看看吧2022-01-01
詳解通過(guò)JSON數(shù)據(jù)使用VUE.JS
本篇文章主要介紹了詳解通過(guò)JSON數(shù)據(jù)使用VUE.JS，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了關(guān)于vue文件中index.vue的使用方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了?vue3??mixin?混入使用方法，mixin?混入，提供了一種非常靈活的方式，來(lái)分發(fā)?vue?組件中的可復(fù)用功能，一個(gè)mixin?對(duì)象可以包含任意組件選項(xiàng)，當(dāng)組件使用?mixin?對(duì)象時(shí)，所有的?mixin?對(duì)象的選項(xiàng)將被混入組件本身的選項(xiàng)。,需要的朋友可以參考一下2021-11-11
vue項(xiàng)目中自定義video視頻控制條的實(shí)現(xiàn)代碼
這篇文章主要介紹了vue項(xiàng)目中自定義video視頻控制條的實(shí)現(xiàn)代碼，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04