關(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è)試支持之類(lèi)的可選功能提示：
如果不確定是否要開(kāi)啟某個(gè)功能，你可以直接按下回車(chē)鍵選擇 No。
在項(xiàng)目被創(chuàng)建后，通過(guò)以下步驟安裝依賴(lài)并啟動(dòng)開(kāi)發(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ī)則 (比如：沒(méi)有使用分號(hào)結(jié)尾，字符串沒(méi)有使用雙引號(hào))
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了詳細(xì)對(duì)比Ember.js和Vue.js，對(duì)JS框架感興趣的同學(xué)，可以參考下2021-05-05
vue-router實(shí)現(xiàn)tab標(biāo)簽頁(yè)（單頁(yè)面）詳解
這篇文章主要為大家詳細(xì)介紹了vue-router實(shí)現(xiàn)tab標(biāo)簽頁(yè)的相關(guān)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
vue3.0使用taro-ui-vue3引入組件不生效的問(wèn)題及解決
這篇文章主要介紹了vue3.0使用taro-ui-vue3引入組件不生效的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
Vue element-ui父組件控制子組件的表單校驗(yàn)操作
這篇文章主要介紹了Vue element-ui父組件控制子組件的表單校驗(yàn)操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
Vue-CLI 項(xiàng)目在pycharm中配置方法
這篇文章主要介紹了Vue-CLI 項(xiàng)目在pycharm中配置方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08
Vue如何實(shí)現(xiàn)分頁(yè)功能代碼實(shí)例
這篇文章主要給大家介紹了關(guān)于Vue如何實(shí)現(xiàn)分頁(yè)功能的相關(guān)資料,Vue分頁(yè)功能的實(shí)現(xiàn)需要前端和后端共同配合完成,文中通過(guò)代碼實(shí)例介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09
這篇文章主要介紹了Vue路由守衛(wèi)之路由獨(dú)享守衛(wèi)的代碼，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
vue3實(shí)現(xiàn)對(duì)自定義組件自由拖動(dòng)效果
在數(shù)據(jù)可視化看板開(kāi)發(fā)中,組件的自由拖拽功能能極大提升交互體驗(yàn),本文將基于Vue3生態(tài),從零開(kāi)始解析如何實(shí)現(xiàn)一個(gè)支持自由拖拽的容器組件,感興趣的朋友一起看看吧2025-04-04
這篇文章主要介紹了Vue如何引入全局過(guò)濾器問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
在vue中使用echarts實(shí)現(xiàn)飛機(jī)航線水滴圖詞云圖效果
這篇文章主要介紹了在vue中使用echarts實(shí)現(xiàn)飛機(jī)航線?水滴圖?詞云圖,通過(guò)引入中國(guó)地圖JS文件，會(huì)自動(dòng)注冊(cè)地圖，文中結(jié)合示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-08-08