贡献者11
粉丝0
歡迎來到本系列文章，這些內容都是從我的開源項目 C-Shopping 衍生而來的。在這個系列中，我們將深入探討 Next.js 和其他技術的各個方面，分享我在開發 C-Shopping 時積累的見解和最佳實踐。如果你發現這些文章有幫助，請考慮在 GitHub 上為項目點亮一顆星星。你的支持對我來説意義重大，也會激勵我進行更多的開發！ 項目在線演示地址： docker 部署地址：http://s
昵称 繼小鵬
ESLint 什麼是ESLint？ ESLint 是一個可配置的 JavaScript 檢查器。它可以幫助你發現並修復 JavaScript 代碼中的問題。問題可以指潛在的運行時漏洞、未使用最佳實踐、風格問題等。 Rules（規則） Rules是ESLint的核心構建模塊。Rules會驗證你的代碼是否符合預期，並且規定了在不符合預期時應該怎麼做。規則還可以包含針對該規則的額外配置項。 配置Rule
昵称 feipeng123s
Prettier是什麼？ Prettier 是一個固執己見的代碼格式化程序。 它刪除了所有原始樣式*並確保所有輸出的代碼符合一致的樣式。 Prettier 獲取您的代碼並考慮行長度，從頭開始重新打印它。 Prettier和Linters的區別 Linters有兩套規則： 代碼格式，比如max-len, no-mixed-spaces-and-tabs 代碼質量，比如no-unused-
昵称 feipeng123s
一個空的 Nuxt 項目如何加上 ESLint? 在 Nuxt Modules 搜索 lint 進入官方模塊。 npx nuxi module add eslint pnpm install 在 .vscode/settings.json 里加上 { // Enable ESlint flat config support "eslint.experimental.useFlatConfi
昵称 黃灝
Prettier 和 ESLint 是兩個互補的工具，它們共同確保代碼的風格一致性和質量。Prettier 負責格式化代碼，而 ESLint 則執行更復雜的靜態分析和規則檢查。 Prettier 作用： 自動化代碼格式化，確保代碼的縮進、括號、引號、換行等樣式一致。 不需要配置太多的規則，因為Prettier有一套默認的代碼風格。 支持多種編程語言，包括JavaScript、TypeS
昵称 天涯學館
eslint報錯：ESLint: Unexpected empty method 'default 禁止出現空函數 (no-empty-function) 錯誤代碼示例： const props = defineProps({ data: { type: Object, default: () = {} // 報錯 Unexpected empty method 'defa
昵称 得鹿夢魚
項目背景：vue2老項目，使用vue-cli4搭建的，創建項目時eslint校驗使用的是eslint+standard。 問題：項目統一配置了eslint，但是prettier配置各不相同，導致格式化後總會有衝突，而且有的電腦配置了git提交校驗不生效，提交的代碼沒有經過eslint驗證，其他同事拉取代碼後提交不成功。 配置1：.editorconfig 該文件是針對不同IDE進行配置的初始化格式
昵称 留白
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
昵称 tgshell
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
昵称 月恆
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
昵称 月恆
摘要 本文探討了如何在開源項目中集成代碼質量檢測工具，以解決代碼質量參差不齊的問題。我們將介紹常用的工具（如 ESLint 和 SonarQube），並通過實際案例説明其應用過程，包括配置、運行及分析結果。同時，提供完整的前端示例代碼模塊，展示如何使用這些工具提升代碼質量和項目維護效率。 引言 開源項目因其多樣化的貢獻者而充滿活力，但也因此容易導致代碼風格不一致、潛在的代碼缺陷和質量問題。代碼質量
昵称 Swift社區
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
昵称 smallStone
背景 大家好，我是前端老六。今天想提及一下項目代碼規範這一塊，平時我們在搭建一個前端項目的時候，項目代碼規範是我們要考慮的，在如今多人開發一個項目的時候那更是不能疏忽。對於前端來説呢，我們常用的就是eslint+prettier，兩者集成的方式，eslint負責監測我們的語法錯誤，而prettier對我們的代碼風格進行規範。 ESlint ESLint 是一個開源的 JavaScript 代碼檢
昵称 Neo