Vue 常用的 ESLint 規則集

對Vue項目來說,Vue 官方通過 eslint-plugin-vue 提供了多個規則集(Rule Sets),適用于不同嚴格度和 Vue 版本。以下是主要的規則集及其對應的 ESLint 插件和用途:


1. Vue 2.x 規則集

適用于 Vue 2 項目,規則集名稱以 plugin:vue/ 開頭:

規則集名稱嚴格度說明
plugin:vue/base最低僅包含 Vue 2 必要的語法解析規則(不檢查代碼質量)。
plugin:vue/essential基礎避免 Vue 2 錯誤的必要規則(如 v-for 需要 key)。
plugin:vue/recommended推薦essential 基礎上增加代碼風格和最佳實踐(更嚴格)。
plugin:vue/strongly-recommended強推薦recommended 基礎上進一步強化代碼一致性(如屬性換行、組件命名)。

2. Vue 3.x 規則集

適用于 Vue 3 項目,規則集名稱以 plugin:vue/vue3- 開頭:

規則集名稱嚴格度說明
plugin:vue/vue3-base最低Vue 3 必要的語法解析規則(不檢查代碼質量)。
plugin:vue/vue3-essential基礎避免 Vue 3 錯誤的必要規則(如 Composition API 的 setup 檢查)。
plugin:vue/vue3-recommended推薦擴展 essential,增加 Vue 3 風格和最佳實踐。
plugin:vue/vue3-strongly-recommended強推薦更嚴格的代碼格式要求(如模板縮進、屬性順序)。

3. 其他規則集

規則集名稱說明
plugin:vue/all啟用所有 Vue 2 規則(包括實驗性規則,可能過于嚴格)。
plugin:vue/vue3-all啟用所有 Vue 3 規則(適合追求極致一致性的團隊)。

對應的 ESLint 插件

所有 Vue 規則集均通過 eslint-plugin-vue 插件提供:

  • 安裝命令
    npm install eslint-plugin-vue --save-dev
    
  • 依賴的解析器
    Vue 單文件組件(.vue)需要配合 vue-eslint-parser(內置在插件中),同時需指定 JavaScript 解析器(如 @babel/eslint-parser):
    "parserOptions": {"parser": "@babel/eslint-parser"
    }
    

注意事項

  • 避免混合使用 Vue 2 和 Vue 3 的規則集。
  • 通常來說,根據 Vue 版本最常用的規則集是:
    Vue 2 → plugin:vue/recommended
    Vue 3 → plugin:vue/vue3-recommended
  • 可通過 rules 字段覆蓋或擴展默認規則:
    "rules": {"vue/multi-word-component-names": "off" // 關閉組件名必須多單詞的規則
    }
    

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/89274.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/89274.shtml
英文地址,請注明出處:http://en.pswp.cn/web/89274.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

AbMole小課堂 | Angiotensin II(血管緊張素Ⅱ)在心血管研究中的多元應用

Angiotensin II(血管緊張素Ⅱ,AbMole,M6240)是一種血管收縮劑,也是腎素-血管緊張素系統 (RAS) 的主要效應肽。Angiotensin II參與動物的血壓調節、水電解質平衡等經典生理過程在科研中Angiotensin II被廣泛用于動物心血…

【Unity】Mono相關理論知識學習

一種編譯技術。優點:支持JIT編譯:在運行時將IL編譯成機器碼。首次執行稍慢,好處在于運行更快,迭代更高效。構建速度快:無需將IL轉成C,構建過程省去了IL2CPP的轉換和原生編譯步驟,適合開發階段快…

React源碼4 三大核心模塊之一:Schedule,scheduleUpdateOnFiber函數

scheduler工作階段在React內部被稱為schedule階段。在《React源碼3》,我們已經將update加入隊列并返回到了根容器節點root。function updateContainer(element, container, parentComponent, callback) {//前面略過var root enqueueUpdate(current$1, update, lane…

Unity3D + VS2022連接雷電模擬器調試

本文參考了Unity3D Profiler 連接真機和模擬器_unity 連接雷電模擬器-CSDN博客 具體步驟: 1、cmd打開命令窗口,輸入adb devices,確認能檢測到模擬器 示例:List of devices attached emulator-5554 device 2、…

學習軟件測試的第十五天

1.會寫測試用例嗎?測試用例有什么要素“會的,我寫過多個功能測試和接口測試的測試用例。我寫用例的時候會根據需求文檔或原型圖分析測試點,然后從正常流程、異常流程、邊界情況等方面設計測試場景。每條用例我都會包含:用例編號、…

C++硬實時調度:原理、實踐與最佳方案

在工業自動化、航空航天、醫療設備等領域,系統的實時性往往直接關系到生命安全和財產損失。C作為高性能編程語言,為硬實時系統開發提供了強大支持。本文將深入探討C硬實時調度的核心技術,從操作系統原理到代碼實現的全方位解析。 一、實時系統…

LeetCode 1156.單字符重復子串的最大長度

如果字符串中的所有字符都相同,那么這個字符串是單字符重復的字符串。 給你一個字符串 text,你只能交換其中兩個字符一次或者什么都不做,然后得到一些單字符重復的子串。返回其中最長的子串的長度。 示例 1: 輸入:text…

K近鄰算法的分類與回歸應用場景

K近鄰算法的分類與回歸應用場景 K近鄰(K-Nearest Neighbors, KNN)算法是一種基礎但強大的機器學習方法,它既可以用于分類問題,也能解決回歸問題。 兩者的核心思想都是基于"近朱者赤,近墨者黑"的原理&#xf…

算法精講--正則表達式(二):分組、引用與高級匹配技術

算法精講–正則表達式(二):分組、引用與高級匹配技術 🚀正則表達式的真正力量在于組合使用各種語法元素,創造出強大而精確的匹配模式! —— 作者:無限大 推薦閱讀時間:25 分鐘 適用人…

python+requests 接口自動化測試實戰

首先介紹一下python的requests模塊: requests的使用介紹:requests快速入門 Python結合requests庫實現接口自動化測試環境說明: 1.WIN 7, 64位 2.Python3.4.3 (pip-8.1.2) 3.Requests —>pip install requests 4.U…

NAT 實驗

NAT 實驗 一.實驗拓撲圖實驗目的 1.按照圖示配置 IP 地址 2.私網 A 通過 R1 接入到互聯網,私網 B 通過 R3 接入到互聯網 3.私網 A 內部存在 Vlan10 和 Vlan20,通過 R1 上單臂路由訪問外部網絡 4.私網 A 通過 NAPT 使 Vlan10 和 Vlan20 都能夠使用 R1 的公…

buuctf——web刷題第三頁

第三頁 目錄 [FBCTF2019]RCEService [0CTF 2016]piapiapia [Zer0pts2020]Can you guess it? [WUSTCTF2020]顏值成績查詢 [SUCTF 2019]Pythonginx [MRCTF2020]套娃 [CSCCTF 2019 Qual]FlaskLight [watevrCTF-2019]Cookie Store [WUSTCTF2020]CV Maker [紅明谷CTF 202…

前后端分離項目中的接口設計與調用流程——以高仙機器人集成為例

一、背景介紹在前后端分離項目開發中,前端頁面需要頻繁調用后端接口獲取數據。在高仙機器人對接項目中,我們采用了若依(RuoYi)框架,前端通過統一的 API 封裝與后端進行數據交互,而后端再對接高仙官方的 OPE…

【第五節】部署http接口到ubuntu server上的docker內

描述清楚需求,讓deepseek幫我們寫一個demo,文件結構如下 FLASK_API_001 ├── app.py └── Dockerfile └── requirements.txtapp.pyfrom flask import Flask, jsonify, requestapp Flask(__name__)# 根路由 app.route(/) def home():return "…

在 IntelliJ IDEA 中添加框架支持的解決方案(沒有出現Add Framework Support)

在 IntelliJ IDEA 中添加框架支持的解決方案 問題背景 版本變化:在 IntelliJ IDEA 2023.2 及更高版本中,項目右鍵菜單中的 “Add Framework Support” 選項已被移除。 常見需求:為 Java 項目添加框架支持(如 Maven、Spring 等&am…

北京-4年功能測試2年空窗-報培訓班學測開-第五十天

咦,昨天路上寫一半就到家了,后來想早點睡就忘了還要發了,現在趕緊補上昨天是最后一節課(我們將一整天的課稱為一節),這就結課了昨天講了簡歷編寫,面試要準備的內容,還有redis和docker也沒有什么…

華為鴻蒙HarmonyOpenEye項目:開眼App的鴻蒙實現之旅

華為鴻蒙HarmonyOpenEye項目:開眼App的鴻蒙實現之旅 引言 在當今移動應用開發的浪潮中,鴻蒙系統憑借其獨特的分布式能力和高效的開發框架,吸引了眾多開發者的目光。今天要給大家介紹的是一個基于華為鴻蒙系統開發的開眼App項目——HarmonyO…

代碼隨想錄day36dp4

文章目錄1049.最后一塊石頭的重量II494.目標和474.一和零1049.最后一塊石頭的重量II 題目鏈接 文章講解 class Solution { public:int lastStoneWeightII(vector<int>& stones) {// 1. 確定 DP 數組及下標的含義&#xff1a;// dp[i][j] 表示考慮前 i 塊石頭&#…

Python 爬蟲實戰指南:按關鍵字搜索商品

在電商領域&#xff0c;按關鍵字搜索商品并獲取其詳情信息是一項常見的需求。無論是進行市場調研、競品分析還是用戶體驗優化&#xff0c;能夠快速準確地獲取商品信息都至關重要。1688 作為國內領先的 B2B 電商平臺&#xff0c;提供了豐富的商品資源。本文將詳細介紹如何使用 P…

【源力覺醒 創作者計劃】百度AI的開放新篇章:文心4.5本地化部署指南與未來生態戰略展望

百度AI的開放新篇章&#xff1a;文心4.5本地化部署指南與未來生態戰略展望 一起來玩轉文心大模型吧&#x1f449;文心大模型免費下載地址&#xff1a;https://ai.gitcode.com/theme/1939325484087291906 &#x1f31f; 嗨&#xff0c;我是IRpickstars&#xff01; &#x1f30…