關(guān)于新建的vue3項(xiàng)目一直提示代碼格式警告的問(wèn)題
新建的vue3項(xiàng)目一直提示代碼格式警告問(wèn)題
新建了一個(gè)vue3項(xiàng)目，然后創(chuàng)建好發(fā)現(xiàn)vue文件一直保格式警告的問(wèn)題，搞了好久才找到解決的辦法。
vue3項(xiàng)目創(chuàng)建命令：npm init vue@latest
這一指令將會(huì)安裝并執(zhí)行 create-vue，它是 Vue 官方的項(xiàng)目腳手架工具。
你將會(huì)看到一些諸如 TypeScript 和測(cè)試支持之類的可選功能提示：
如果不確定是否要開啟某個(gè)功能，你可以直接按下回車鍵選擇 No。
在項(xiàng)目被創(chuàng)建后，通過(guò)以下步驟安裝依賴并啟動(dòng)開發(fā)服務(wù)器：
? Project name: … <your-project-name> ? Add TypeScript? … No / Yes ? Add JSX Support? … No / Yes ? Add Vue Router for Single Page Application development? … No / Yes ? Add Pinia for state management? … No / Yes ? Add Vitest for Unit testing? … No / Yes ? Add Cypress for both Unit and End-to-End testing? … No / Yes ? Add ESLint for code quality? … No / Yes --代碼質(zhì)量檢測(cè)插件 ? Add Prettier for code formatting? … No / Yes -- 代碼風(fēng)格規(guī)范插件
出現(xiàn)警告的截圖
- 第一張：
由圖可知是因?yàn)?code>(prettier/prettier) 引起的
- 第二張：
解決方法
在項(xiàng)目根目錄的.eslintrc.cjs 配置文件中 關(guān)閉 prettier（代碼格式工具）
如圖添加一行：
'prettier/prettier': 'off',
ESLint和Prettier的區(qū)別
ESLint ： 代碼質(zhì)量問(wèn)題：使用方式有可能有問(wèn)題（比如變量未定義，變量定義但未使用，變量命名不規(guī)范）
Prettier：代碼風(fēng)格問(wèn)題：風(fēng)格不符合一定規(guī)則 (比如：沒有使用分號(hào)結(jié)尾，字符串沒有使用雙引號(hào))
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了在Vuex中Mutations修改狀態(tài)操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
這篇文章主要為大家詳細(xì)介紹了基于vue.js實(shí)現(xiàn)圖片輪播效果，vue如何實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
vue使用keep-alive進(jìn)行組件緩存方法詳解(組件不緩存問(wèn)題解決)
keep-alive包裹動(dòng)態(tài)組件時(shí),會(huì)緩存不活動(dòng)的組件實(shí)例,而不是銷毀它們,下面這篇文章主要給大家介紹了關(guān)于vue使用keep-alive進(jìn)行組件緩存方法(組件不緩存問(wèn)題解決)的相關(guān)資料,需要的朋友可以參考下2022-09-09
這篇文章主要介紹了vue activated在子組件中的使用，文章圍繞vue activated的xingu你資料講解展開內(nèi)容并附上具體代碼,需要的朋友可以參考一下2021-11-11
Vue動(dòng)態(tài)樣式幾種常用方法總結(jié)
這篇文章主要給大家介紹了關(guān)于Vue動(dòng)態(tài)樣式幾種常用方法總結(jié)的相關(guān)資料,在我們的前端界面中,很多的地方的樣式都是不確定的狀態(tài),要根據(jù)其他內(nèi)容的變化而變化樣式的,需要的朋友可以參考下2023-08-08
本文主要介紹了vue中watch監(jiān)聽不到變化的解決，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01
Vue3子組件向父組件傳值的兩種實(shí)現(xiàn)方式
近期學(xué)習(xí)vue3的父子組件之間的傳值,發(fā)現(xiàn)跟vue2的并沒有太大的區(qū)別,這篇文章主要給大家介紹了關(guān)于Vue3子組件向父組件傳值的兩種實(shí)現(xiàn)方式,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-04-04
vue.js watch經(jīng)常失效的場(chǎng)景與解決方案
這篇文章主要給大家介紹了關(guān)于vue.js watch經(jīng)常失效的場(chǎng)景與解決方案，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
vue中實(shí)現(xiàn)子組件相互切換且數(shù)據(jù)不丟失的策略詳解
項(xiàng)目為數(shù)據(jù)報(bào)表,但是一個(gè)父頁(yè)面中有很多的子頁(yè)面,而且子頁(yè)面中不是相互關(guān)聯(lián),但是數(shù)據(jù)又有聯(lián)系,所以本文給大家介紹了vue中如何實(shí)現(xiàn)子組件相互切換,而且數(shù)據(jù)不會(huì)丟失,并有詳細(xì)的代碼供大家參考,需要的朋友可以參考下2024-03-03
VUE識(shí)別訪問(wèn)設(shè)備是pc端還是移動(dòng)端的實(shí)現(xiàn)步驟
經(jīng)常在項(xiàng)目中會(huì)有支持pc與手機(jī)端需求,并且pc與手機(jī)端是兩個(gè)不一樣的頁(yè)面,這時(shí)就要求判斷設(shè)置,下面這篇文章主要給大家介紹了關(guān)于VUE識(shí)別訪問(wèn)設(shè)備是pc端還是移動(dòng)端的相關(guān)資料,需要的朋友可以參考下2023-05-05