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