Prettier與ESLint:代碼風格與質量的自動化保證
Prettier 和 ESLint 是兩個互補的工具,它們共同確保代碼的風格一致性和質量。Prettier 負責格式化代碼,而 ESLint 則執行更復雜的靜態分析和規則檢查。 Prettier 作用: 自動化代碼格式化,確保代碼的縮進、括號、引號、換行等樣式一致。 不需要配置太多的規則,因為Prettier有一套默認的代碼風格。 支持多種編程語言,包括JavaScript、TypeS
昵稱 天涯學館
貢獻者508
粉絲0
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
昵稱 月恆
引言 本系列是《8年主程手把手打造Cocos獨立遊戲開發框架》,歡迎大家關注分享收藏訂閲。 Socket模塊是Cocos遊戲開發框架中的重要組成部分之一。通過Socket模塊,開發者可以輕鬆實現遊戲中的網絡通信功能,使得玩家可以與其他玩家進行實時交互或者獲取服務器上的數據。在遊戲開發中,網絡通信是不可或缺的一環,而Socket模塊的存在,為開發者提供了一個方便、高效、穩定的解決方案。無論是多人在線
昵稱 億元程序員
由於格式和圖片解析問題,為了更好的體驗可前往 閲讀原文 Nginx(發音為 "engine-x")是一個高性能、開源的HTTP和反向代理服務器,也可以作為電子郵件(IMAP/POP3)代理服務器、以及通用的TCP/UDP代理服務器。它由俄羅斯的程序員Igor Sysoev創建於2002年,其目的是解決C10K問題(即可以同時處理10000個併發連接)。它採用異步非阻塞的事件驅動模型,可以處理
昵稱 大衞talk
谷歌 Chrome 開發者工具 MCP 服務器公佈,它允許 AI 代理在瀏覽器中直接調試、測試和修復代碼,彌補了以往 AI 編碼工具無法直接觀察代碼在瀏覽器中運行情況的缺陷,更多內容查看官方博客、Github倉庫,其在發佈的短時間內即引起廣泛關注,npm下載量陡升: 調試工具提供的能力: 試用記錄,僅供參考:
昵稱 PatWu16
用Node.js寫一個web服務器,我前面已經寫過兩篇文章了: 第一篇是不使用任何框架也能搭建一個web服務器,主要是熟悉Node.js原生API的使用:使用Node.js原生API寫一個web服務器 第二篇文章是看了Express的基本用法,更主要的是看了下他的源碼:手寫Express.js源碼 Express的源碼還是比較複雜的,自帶了路由處理和靜態資源支持等等功能,功能比較全面。與之
昵稱 蔣鵬飛
背景 Express和Koa作為輕量級的web框架,沒有任何約束的框架在一開始的時候會非常的爽快,開發幾個demo,手到擒來,但是一旦代碼真正上去的時候(而且一定會),你就會發現,大量重複的操作,重複的邏輯。導致項目的複雜度越來越高,代碼越來越醜,非常的難以維護。我的quark-h5也是開始隨意的寫,寫到最後只能重構一波了。正好期間做了個在線文檔管理的項目用了egg.js,讓我這種 node 小白
昵稱 圍的圍
這篇文章繼續前面的Koa源碼系列,這個系列已經有兩篇文章了: 第一篇講解了Koa的核心架構和源碼:手寫Koa.js源碼 第二篇講解了@koa/router的架構和源碼:手寫@koa/router源碼 本文會接着講一個常用的中間件----koa-static,這個中間件是用來搭建靜態服務器的。 其實在我之前使用Node.js原生API寫一個web服務器已經講過怎麼返回一個靜態文件了,代碼雖然
昵稱 蔣鵬飛
什麼是koa? koa是Express的下一代基於Node.js的web框架。使用 koa 編寫 web 應用,通過組合不同的 generator,可以免除重複繁瑣的回調函數嵌套,並極大地提升常用錯誤處理效率。Koa 不在內核方法中綁定任何中間件,它僅僅提供了一個輕量優雅的函數庫,使得編寫 Web 應用和API變得得心應手。 Koa能幹什麼? 主要用途 網站(比如cnode這樣的論壇) ap
昵稱 MangoGoing
1. 前言 大家好,我是若川。歡迎關注我的公眾號若川視野,最近組織了源碼共讀活動《1個月,200+人,一起讀了4周源碼》,感興趣的可以加我微信 ruochuan12 參與,長期交流學習。 之前寫的《學習源碼整體架構系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十餘篇源碼文章。其中最新的兩篇是
昵稱 若川
xzgz.top 網站記錄 主要技術棧 應用主要是由 koa 構建,其中 nextjs 只負責頁面構建完成服務端渲染。以下是主要應用的技術 後台 Koa:網站主題內容 koa-router:網站後端路由 koa-session:應用的 session 寫入 nodemailer:發送郵件 mysql2:數據庫操作 nodemon:開發模式下熱更新 typescript ts-no
昵稱 RookieGz
引子 在前面界面開發的過程中,為了增強在與後端交互過程中的用户體驗,通常會顯示 Loading 動畫。Loading 動畫會在與後端交互結束的時候關閉。這是一個很常規的需求,技術實現也不復雜。 showLoading(); axios.request(...) .then(...) .finally(() = hideLoading()); Node.js 和大部分瀏覽器都在 20
昵稱 邊城
React setState、useState到底是同步的,還是異步的? setState語法 用法1: this.setState({ // 數據更新 }) 用法2: this.setState((state, props) = { // 當前組件的state // 父級的state }, () = { // 數據更新之後 }) useState語法 用法1: const [n
昵稱 起風了
皮影為不同框架提供統一的表單開發體驗 使開發者更加關注於邏輯和佈局,從瑣碎事物中解放出來 皮影的相關設置更加語義化,減少開發心智;並允許自定義封裝 皮影完全兼容valibot的所有Action,可以完美的利用其驗證及轉換機制 文檔 感性的認識可能會讓您更快的體驗到皮影的魅力,網站上實現了大量的用例,方便您快速瞭解皮影 https://piying-org.github.io/we
昵稱 wszgrcy
Angular的無選擇器(Selectorless)非官方實現 眾所周知,Angular的組件定義,使用的時候,必須生成一個自定義標籤;某些時候使用css佈局的時候,就會比較麻煩 雖然官方已經開始考慮實現無選擇器,但是目前還在規劃中,不知道要等多久 原理 眾所周知,結構型指令可以動態插入模板 模板內容可以自定義,並且也可以使用組件內的所有屬性和方法 那麼只需要將組件變成一個模板,即
昵稱 wszgrcy
本文首發 http://fetiku.com/docs/advanc... 1 DNS 預解析 DNS 解析也是需要時間的,可以通過預解析的方式來預先獲得域名所對應的 IP link rel="dns-prefetch" href="//shudong.wang" 2 緩存 緩存對於前端性能優化來説是個很重要的點,良好的緩存策略可以降低資源的重複加載提高網頁的整體加載速度 通常瀏覽器緩
昵稱 ByGPT
Docker第一次上手 引言 DevOps/開發運維/不懂運維和部署的前端開發 項目實際需要,平穩升級構建工具 安裝Docker 去看官網就好了 涉及的幾個命令 dockerimages  dockerbuild -t指定image的repository和tag,這兩項的含義可
昵稱 胡斐
簡介 這是一份 2021 年前端開發手冊,列舉前端開發相關技術,提供相關技術的學習資源。下面的項目不用全部學習,可以選其中一些學習。 歡迎補充!項目地址:2021-frontend-handbook 目錄 HTML CSS JavaScript 前端框架 前端工程化 服務端渲染 SSR 靜態站點生成器 SSG TypeScript 用 JS 去做服務器端 桌面應用程序 El
昵稱 StephenTian
摘自 現代 JavaScript 教程;總結自己覺得重要/疏忽/未知的部分,閒來無事時看看,抓耳撓腮時看看。長篇預警! ECMA-262 規範 最權威的信息來源(語言細節),每年都會發佈一個新版本的規範 🚩最新的規範草案請見 https://tc39.es/ecma262/ 🚩最新最前沿的功能,包括“即將納入規範的”(所謂的 “stage 3”),請看這裏的提案 https://gith
昵稱 shanejix
async/await是ES2017帶來的異步編程語法糖,實現了讓異步代碼看起來像同步代碼的效果。 async/await 的本質是基於Promise,它並不是一種新的異步處理方式,而是Promise 的一種新的語法封裝升級。 下面是 async/await 的實現原理: async 函數本質上是一個 Generator 函數,返回一個 Promise 對象。 await 表達式本質上是一個 Pr
昵稱 ohoherror