vue3+TS+eslint9配置

記錄eslint升級到9.x的版本之后遇到的坑

  1. 在 ESLint 9 中,配置方式發生了變化。Flat Config 格式(eslint.config.js 或 .ts)不再支持 extensions 選項。所以vscode編輯器中的 extensions 需要注釋掉,要不然保存的時候不會格式化。

在這里插入圖片描述
2. eslint9 只支持eslint.config.js/eslint.config.ts的寫法,使用vite默認生成的項目模板不能格式化

import globals from 'globals'
import pluginJs from '@eslint/js'
import tseslint from 'typescript-eslint'
import pluginVue from 'eslint-plugin-vue'
import pluginPrettierRecommendedConfigs from 'eslint-plugin-prettier/recommended'
import parserVue from 'vue-eslint-parser';
export default [// eslint 默認推薦規則pluginJs.configs.recommended,// ts 默認推薦規則...tseslint.configs.recommended,// vue3 基礎推薦規則...pluginVue.configs['flat/recommended'],// prettier 默認推薦規則pluginPrettierRecommendedConfigs,{languageOptions: {globals: {...globals.browser,...globals.es2020,...globals.node,},ecmaVersion: 2020,parser: parserVue,parserOptions: {parser: tseslint.parser,},},rules: {// 覆蓋 TypeScript 嚴格規則,允許顯式 any'@typescript-eslint/no-explicit-any': 'off','vue/multi-word-component-names': 'off','vue/require-default-prop': 'off','@typescript-eslint/no-unused-vars': 'off',},},
]
  1. eslint依賴項
    在這里插入圖片描述
  2. eslint 調試方式
    在這里插入圖片描述
    查看報錯信息依次處理

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

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

相關文章

書籍推薦 --- 《篳路維艱:中國經濟社會主義路徑的五次選擇》

蕭冬連.篳路維艱:中國社會主義路徑的五次選擇[M]. 前不久看完的這本書,還是蠻受震撼的。 這本書比較細致地(引用了很多的史料)、從中央高層的視角講解了從新中國成立一直到改革開放初期這30多年里(1949---1980年代)發生在我國的幾次重大事件(三大改造、第一個五年計…

C++課設:簡易日歷程序(支持傳統節假日 + 二十四節氣 + 個人紀念日管理)

名人說:路漫漫其修遠兮,吾將上下而求索。—— 屈原《離騷》 創作者:Code_流蘇(CSDN)(一個喜歡古詩詞和編程的Coder😊) 專欄介紹:《編程項目實戰》 目錄 一、為什么要開發一個日歷程序&#xff…

(三)動手學線性神經網絡:從數學原理到代碼實現

1 線性回歸 線性回歸是一種基本的預測模型,用于根據輸入特征預測連續的輸出值。它是機器學習和深度學習中最簡單的模型之一,但卻是理解更復雜模型的基礎。 1.1 線性回歸的基本元素 概念理解: 線性回歸假設輸入特征和輸出之間存在線性關系。…

二十五、面向對象底層邏輯-SpringMVC九大組件之HandlerMapping接口設計

一、引言:MVC架構的交通樞紐 在Spring MVC框架中,HandlerMapping接口扮演著"請求導航儀"的關鍵角色,它決定了HTTP請求如何被路由到對應的Controller處理器。作為MVC模式的核心組件之一,HandlerMapping在請求處理的生命…

凌晨四點的星光

凌晨四點的城市像臺停止運轉的老舊機器,陳明裹緊外套踩著路燈的殘影往家走。鍵盤敲擊聲仿佛還在耳邊回響,他揉了揉酸澀的眼睛,手機屏幕突然亮起,是妻子發來的消息:“孩子又發燒了,我帶他去醫院。” 這是他…

Kyosan K5BMC ELECTRONIC INTERLOCKING MANUAL 電子聯鎖

Kyosan K5BMC ELECTRONIC INTERLOCKING MANUAL 電子聯鎖

LeetCode 熱題 100 74. 搜索二維矩陣

LeetCode 熱題 100 | 74. 搜索二維矩陣 大家好,今天我們來解決一道經典的算法題——搜索二維矩陣。這道題在 LeetCode 上被標記為中等難度,要求我們在一個滿足特定條件的二維矩陣中查找一個目標值。如果目標值在矩陣中,返回 true&#xff1b…

如何在 HTML 中添加按鈕

原文:如何在 HTML 中添加按鈕 | w3cschool筆記 (請勿將文章標記為付費!!!!) 在網頁開發中,按鈕是用戶界面中不可或缺的元素之一。無論是用于提交表單、觸發動作還是導航&#xff0…

一篇文章實現Android圖片拼接并保存至相冊

系列文章目錄 一篇文章實現Android圖片拼接并保存至相冊 文章目錄 系列文章目錄前言實現功能類定義和成員變量onCreate方法權限檢查和圖片選擇處理選擇的圖片圖片拼接功能圖片保存功能 使用ImageStitcher類拼接圖片代碼解釋:ImageStitcher.java類定義和方法計算拼接…

2025.06.06【Ribo-seq】|riboWaltz:P-site定位與三堿基周期性分析流程

文章目錄 一、前言二、riboWaltz簡介三、安裝與依賴四、分析流程總覽1. 數據準備2. 典型分析流程2.1 讀取注釋和BAM2.2 P-site定位2.3 三堿基周期性與元分析2.4 密碼子使用偏好分析 五、可視化與結果解讀六、常見問題與注意事項七、實戰經驗與建議八、參考資料九、結語 一、前言…

思維鏈的 內部機制和簡單理解

思維鏈的 內部機制和簡單理解 思維鏈是對解決問題的步驟進行規劃,規劃后將作為上下文 在LLM中繼續輸出。因為Transform都是一個一個單詞生成,沒新生成一個單詞都會將新生的作為上下文。 可以這么理解,但更準確的簡化描述是: 思維鏈是讓模型在回答問題時,先“內部生成”或…

Charles 全流程指南:安裝、設置、抓包與注意事項

Charles 是一款功能強大的網絡抓包工具,支持 HTTP/HTTPS 流量監控、請求/響應分析、斷點調試等功能。本文將從安裝到實戰抓包,提供完整流程及關鍵注意事項。 一、安裝 Charles 官網下載:訪問 Charles 官網,選擇對應系統版本&…

全球長序列高分辨率光合有效輻射(PAR)(1984-2018)

時間分辨率:時空間分辨率:1km - 10km共享方式:開放獲取數據大小:188.92 GB數據時間范圍:1984-01-01 — 2018-12-31元數據更新時間:2022-04-29 數據集摘要 本數據集是一個包含接近35年(1984-201…

【Zephyr 系列 11】使用 NVS 實現 BLE 參數持久化:掉電不丟配置,開機自動加載

??關鍵詞:Zephyr、NVS、非易失存儲、掉電保持、Flash、AT命令保存、配置管理 ??目標讀者:希望在 BLE 模塊中實現掉電不丟配置、支持產測參數注入與自動加載功能的開發者 ??文章長度:約 5200 字 ?? 為什么要使用 NVS? 在實際產品中,我們經常面臨以下場景: 用戶或…

解鎖Java線程池:性能優化的關鍵

一、引言 在 Java 并發編程的世界里,線程池是一個至關重要的概念。簡單來說,線程池就是一個可以復用線程的 “池子”,它維護著一組線程,這些線程可以被重復使用來執行多個任務,而不是為每個任務都創建一個新的線程。?…

一站式直播工具:助力內容創作者高效開啟直播新時代

近年來,隨著互聯網技術的不斷進步和短視頻、直播行業的爆發式增長,越來越多的企業和個人投入到直播電商、互動娛樂、在線教育等場景。直播運營過程中,涉及到數據統計、彈幕互動、流程自動化、內容同步等諸多環節。如何提升運營效率、減少人工…

數論——同余問題全家桶3 __int128和同余方程組

數論——同余問題全家桶3 __int128和同余方程組 快速讀寫和__int128快速讀寫__int128 中國剩余定理和線性同余方程組中國剩余定理(CRT)中國剩余定理OJ示例模板題曹沖養豬 - 洛谷模板題猜數字 - 洛谷 擴展中國剩余定理擴展中國剩余定理OJ示例模板題擴展中國剩余定理(…

Python爬蟲實戰:研究MechanicalSoup庫相關技術

一、MechanicalSoup 庫概述 1.1 庫簡介 MechanicalSoup 是一個 Python 庫,專為自動化交互網站而設計。它結合了 requests 的 HTTP 請求能力和 BeautifulSoup 的 HTML 解析能力,提供了直觀的 API,讓我們可以像人類用戶一樣瀏覽網頁、填寫表單和提交請求。 1.2 主要功能特點…

祝?高考加油

以下是極為詳細的高考注意事項清單,涵蓋考前、考中、考后全流程,建議逐條核對: 一、考前準備 1. 證件與物品 必帶清單: 準考證:打印2份(1份備用),塑封或夾在透明文件袋中防皺濕。身…

學習路之PHP--webman安裝及使用、webman/admin安裝

學習路之PHP--webman安裝及使用、webman/admin安裝 一、安裝webman二、運行三、安裝webman/admin四、效果五、配置Nginx反向代理(生產環境:可選)六、win10運行問題集七、使用 一、安裝webman 準備: PHP > 8.1 Composer > 2…