tag eslint

標籤
貢獻17
72
03:11 AM · Nov 05 ,2025
tosmile 頭像 feipeng123s 頭像 gqkmiss 頭像 sky124380729 頭像 chendeli 頭像 obkoro1 頭像 mazeyqian 頭像 zhbhun 頭像 neo_63ef7657efb81 頭像 cshopping 頭像 smallhuifei 頭像 kevinzhw 頭像

@eslint / 博客 RSS 訂閱

aclisp 頭像

黃灝 - 為 Nuxt 項目添加 ESLint

一個空的 Nuxt 項目如何加上 ESLint? 在 Nuxt Modules 搜索 lint 進入官方模塊。 npx nuxi module add eslint pnpm install 在 .vscode/settings.json 里加上 { // Enable ESlint flat config support "eslint.experimental.useFlatConfi

eslint , nuxt3

收藏 評論

tosmile 頭像

浪遏飛舟 - 從AST原理到ESlint實踐

AST（抽象語法樹） 為什麼要談AST? 如果你查看目前任何主流的項目中的devDependencies，會發現前些年的不計其數的插件誕生。我們歸納一下有：ES6轉譯、代碼壓縮、css預處理器、eslint、prettier等。這些模塊很多都不會用到生產環境，但是它們在開發環境中起到很重要的作用，這些工具的誕生都是建立在了AST這個巨人的肩膀上。 什麼是AST？ It is a hierarch

ast , 插件 , plugin , 註釋 , eslint

收藏 評論

smallhuifei 頭像

smallStone - vue項目eslint報錯Parsing error: inferred tsconfigRootDir .解決辦法

vue項目eslint報錯Parsing error: inferred tsconfigRootDir should be a resolved absolute path, but received: "xxxx".解決辦法 找到eslint.config.ts文件寫入 import { globalIgnores } from 'eslint/config' import { defi

eslint

收藏 評論

swiftcommunity 頭像

Swift社區 - 【代碼質量篇】開源項目從 ESLint 到 SonarQube 的全面實踐

摘要 本文探討了如何在開源項目中集成代碼質量檢測工具，以解決代碼質量參差不齊的問題。我們將介紹常用的工具（如 ESLint 和 SonarQube），並通過實際案例説明其應用過程，包括配置、運行及分析結果。同時，提供完整的前端示例代碼模塊，展示如何使用這些工具提升代碼質量和項目維護效率。 引言 開源項目因其多樣化的貢獻者而充滿活力，但也因此容易導致代碼風格不一致、潛在的代碼缺陷和質量問題。代碼質量

eslint , 開源項目介紹

收藏 評論

gqkmiss 頭像

月恆 - Vue Vite 項目增加 eslint 和 prettier

Vue Vite 項目增加 eslint 和 prettier Eslint 版本為 8.X 1. 安裝 8.X 版本的 eslint pnpm i eslint@^8.57.0 -D 2. 安裝 eslint 以及 prettier 以及一堆依賴 pnpm i eslint eslint-plugin-vue @vue/eslint-config-prettier prettier es

vue.js , eslint , prettier , 前端

收藏 評論

gqkmiss 頭像

月恆 - React Vite 項目增加 eslint 和 prettier

React Vite 項目增加 eslint 和 prettier Eslint 版本為 8.X 1. 安裝 8.X 版本的 eslint pnpm i eslint@^8.57.0 -D 2. 安裝其他包 pnpm add -D eslint-plugin-import prettier eslint-plugin-react eslint-plugin-react-hooks esli

react , eslint , prettier , 前端

收藏 評論

tgshell 頭像

tgshell - react + eslint + prettier 配置

1. 配置 1.1. 安裝依賴 npm i eslint eslint-plugin-react eslint-plugin-react-hooks prettier eslint-config-prettier eslint-plugin-prettier @typescript-eslint/eslint-plugin @typescript-eslint/parser --save-dev

react , eslint , prettier , 前端

收藏 評論

rk405264704 頭像

留白 - 記錄vue2項目配置eslint、prettier以及git提交校驗

項目背景：vue2老項目，使用vue-cli4搭建的，創建項目時eslint校驗使用的是eslint+standard。 問題：項目統一配置了eslint，但是prettier配置各不相同，導致格式化後總會有衝突，而且有的電腦配置了git提交校驗不生效，提交的代碼沒有經過eslint驗證，其他同事拉取代碼後提交不成功。 配置1：.editorconfig 該文件是針對不同IDE進行配置的初始化格式

husky , lint-staged , eslint , prettier , 前端

收藏 評論

delumengyu_6683789629bfa 頭像

得鹿夢魚 - eslint報錯：ESLint: Unexpected empty method 'default

eslint報錯：ESLint: Unexpected empty method 'default 禁止出現空函數 (no-empty-function) 錯誤代碼示例： const props = defineProps({ data: { type: Object, default: () = {} // 報錯 Unexpected empty method 'defa

eslint , typescript , 前端 , Javascript

收藏 評論

kevinzhw 頭像

天涯學館 - Prettier與ESLint：代碼風格與質量的自動化保證

Prettier 和 ESLint 是兩個互補的工具，它們共同確保代碼的風格一致性和質量。Prettier 負責格式化代碼，而 ESLint 則執行更復雜的靜態分析和規則檢查。 Prettier 作用： 自動化代碼格式化，確保代碼的縮進、括號、引號、換行等樣式一致。 不需要配置太多的規則，因為Prettier有一套默認的代碼風格。 支持多種編程語言，包括JavaScript、TypeS

eslint , prettier , typescript , 前端 , Javascript

收藏 評論

sky124380729 頭像

sky124380729 - create-react-app 初始化 React 工程，配置工具鏈，以及如何改多頁應用

在新建一個react工程的時候，對於新手或者不需要非常複雜的配置的時候，直接使用create-react-app新建一個項目是最佳選擇。 然而事實上create-react-app大多數還是幫我們簡化了webpack的配置，對於一個稍微大型的工程，或者需要多人協作的工程來説，工具鏈的配置也是必不可少的。比如提交代碼前格式化驗證，git提交信息的驗證，已經保存自動做格式化等等。 本文介紹了crea

react , eslint , create-react-app , Javascript

收藏 評論

feipeng123s 頭像

feipeng123s - Prettier學習筆記

Prettier是什麼？ Prettier 是一個固執己見的代碼格式化程序。 它刪除了所有原始樣式*並確保所有輸出的代碼符合一致的樣式。 Prettier 獲取您的代碼並考慮行長度，從頭開始重新打印它。 Prettier和Linters的區別 Linters有兩套規則： 代碼格式，比如max-len, no-mixed-spaces-and-tabs 代碼質量，比如no-unused-

eslint , prettier

收藏 評論

feipeng123s 頭像

feipeng123s - ESLint學習筆記

ESLint 什麼是ESLint？ ESLint 是一個可配置的 JavaScript 檢查器。它可以幫助你發現並修復 JavaScript 代碼中的問題。問題可以指潛在的運行時漏洞、未使用最佳實踐、風格問題等。 Rules（規則） Rules是ESLint的核心構建模塊。Rules會驗證你的代碼是否符合預期，並且規定了在不符合預期時應該怎麼做。規則還可以包含針對該規則的額外配置項。 配置Rule

eslint

收藏 評論

cshopping 頭像

繼小鵬 - 一、nextjs如何使項目工程化（c-shopping電商開源）

歡迎來到本系列文章，這些內容都是從我的開源項目 C-Shopping 衍生而來的。在這個系列中，我們將深入探討 Next.js 和其他技術的各個方面，分享我在開發 C-Shopping 時積累的見解和最佳實踐。如果你發現這些文章有幫助，請考慮在 GitHub 上為項目點亮一顆星星。你的支持對我來説意義重大，也會激勵我進行更多的開發！ 項目在線演示地址： docker 部署地址：http://s

husky , eslint , next.js , 工程化 , prettier

收藏 評論

neo_63ef7657efb81 頭像

Neo - 通過引入eslint-config包的方式一站式解決項目代碼風格和規範

背景 大家好，我是前端老六。今天想提及一下項目代碼規範這一塊，平時我們在搭建一個前端項目的時候，項目代碼規範是我們要考慮的，在如今多人開發一個項目的時候那更是不能疏忽。對於前端來説呢，我們常用的就是eslint+prettier，兩者集成的方式，eslint負責監測我們的語法錯誤，而prettier對我們的代碼風格進行規範。 ESlint ESLint 是一個開源的 JavaScript 代碼檢

前端構建 , eslint , prettier

收藏 評論

zhbhun 頭像

zhbhun - eslint-plugin-import Unable to resolve path to module

原文 https://github.com/zhbhun/blo... eslint-plugin-import 用於檢查 ES Module 的導入和導出代碼，防止文件路徑和導入名稱拼寫錯誤的問題。 安裝使用 安裝 npm install --save-dev eslint eslint-plugin-import 配置：.eslintrc 推薦：

eslint , import , Javascript

收藏 評論

mazeyqian 頭像

後除除 - 使用腳本整合指定文件/文件夾，執行定製化 ESLint 命令

背景 最近面對一個龐大的項目，但是隻需要修改某個模塊，每次都手搓命令太麻煩了，於是就想着能不能寫個腳本來輔助處理這些事情。 解決方案 定製化一鍵 ESLint，執行文件下載地址： https://github.com/mazeyqian/go-gin-gee/releases/tag/v1.4.0 基礎使用 以下案例以 macOS 為例，其他系統自行替換對應的文件。 案例 1：指定文件 file

vue.js , jsx , eslint , Linux , Javascript

收藏 評論

obkoro1 頭像

OBKoro1 - 手摸手教你定製ESLint rule以及瞭解ESLint的運行原理

這篇文章目的是介紹如何創建一個ESLint插件和創建一個ESLint rule，用以幫助我們更深入的理解ESLint的運行原理，並且在有必要時可以根據需求創建出一個完美滿足自己需求的Lint規則。 插件目標 禁止項目中setTimeout的第二個參數是數字。 PS： 如果是數字的話，很容易就成為魔鬼數字，沒有人知道為什麼是這個數字, 這個數字有什麼含義。 使用模板初始化項目： 1. 安裝NPM包

eslint-rule , 前端工程 , 前端工具 , eslint , linter

收藏 評論

tosmile 頭像

浪遏飛舟 - 前後端未分離項目檢視ES6和Web API兼容性方案

背景 近半年，已產生幾起FreeMarker項目(後面統一簡稱FM項目)在IE瀏覽器或者360瀏覽器兼容模式環境下下因使用 ES6+ 高級語法特性而運行出錯的線上問題，導致業務流程無法執行下去。雖然一直在強調開發同學在做FM項目的需求時不要使用ES6，但是口頭上的的團隊公約約束性不強，加上開發同學早已習慣性使用ES6，使之問題層出不窮，另外，還有些Web Apis和樣式在IE上存在兼容性問題（比如

ecmascript-6 , 前後端分離 , 兼容性 , eslint , babel

收藏 評論

chendeli 頭像

陳德立 - 前端開發標準規範和一些關於規範的思考

在生命的低潮期，我增加了思考人生的次數。 前言： 最近在觀看胖東來的創始人於東來先生的一些直播切片，使我感悟良多，同時他的觀點，他的人生態度快速地將我從低落的情緒的沼澤中拉出來。對於他的觀點，我大部分是認同的，欣賞的，稱讚的，少部分不認同。對於他闊達，樂觀，自信，自愛的人生態度；有成人之美的心；尋找自己的長處，量力而行，循序漸進的做事風格，這些點我是很欣賞，覺得他的高度是比我高，也使我有種我也要這

規範化 , eslint , typescript , 前端

收藏 評論