iT邦幫忙

eslint相關文章
共有 61 則文章

技術 如何用TypeScript寫出你的第一個Eslint Rule

在公司實習時遇到了一個問題,我們會用i18n來去做網站的中英文轉換,我們並且會寫一份json來管理我們所有的key,但會遇到一個問題就是說如果一個key在英文有...

鐵人賽 SideProject30 DAY 6

技術 開發工具與相依套件安裝

開發工具和編碼習慣 在開始專案開發的過程中,我們會使用各種相依工具來輔助開發。這些工具有的是運行時必須的,例如 Vue,而有的則是僅在開發過程中使用,例如 ES...

技術 Create-React-App 到 Vite: ESLint 環境架設

會有今天的文章是因為上次由 CRA 轉到 Vite 後(如果還沒有看文章的話,可以點這裡,發現原本的ESLint設定全部都不能用了,需要全部重新設定 這邊作為...

鐵人賽 Modern Web DAY 28

技術 Day 28 - 為什麼要用 ESLint & Prettier

前言 今天這兩個工具,基本上已經跟前端沒有直接關係了XD 但它們的重要性,我想用過的人肯定都知道,它們就像兩尊門神一樣,站在電腦前面,程式碼品質不合格,退件!程...

鐵人賽 Modern Web

技術 [Day32]:後記 - 環境調整 Part2 - Prettier

Vite環境最...咦!壞掉了... 程式碼最重要的就是整整齊齊當然,我希望他可以自動自發──────────────── By Opshell 目標:...

鐵人賽 Modern Web

技術 [Day31]:後記 - 環境調整 Part1 - ESLint

Vite環境最...咦!壞掉了... 環境什麼的果然還是最麻煩了! 哭阿!──────────────── By Opshell 目標:成功完成一個能用...

鐵人賽 Modern Web DAY 9

技術 安裝 Tailwind CSS 和相關 ESLint、Prettier 設定 - Modern Next.js Blog 系列 #09

TL;DR 這是「Modern Blog 30 天」系列第 9 篇文章,上一篇我們讓 Contentlayer 也支援了 MDX 格式。這篇讓我們來安裝 Tai...

鐵人賽 Modern Web DAY 23

技術 Day 23 - 程式碼品質工具:ESLint、StyleLint、Prettier

昨天我們已完成套件的命名,也建立了 GitHub 儲存庫,NPM 套件庫也先把套件要用的名字定下來了,準備開始開發 Slider 套件,不過在這之前還有些開發環...

鐵人賽 Modern Web DAY 23

技術 [Day23]:Vite 環境最麻煩了 part 2

Vite 環境最麻煩了 開始用Vite之後,是個會自立自強的大人了呢!!────────────────────── By Opshell 目標: 開...

鐵人賽 Modern Web DAY 7
angular專案開發指南 系列 第 7

技術 程式碼檢查(1) - ESLint

前言 Angular 搭配 TypeScript 使用,已經能夠在編譯階段檢查出很多問題了,為什麼還要程式碼檢查呢? 因為 TypeScript 檢查更注重的是...

鐵人賽 Modern Web DAY 4

技術 ESLint、Prettier、TypeScript 等 Next.js 專案基礎設定 - Modern Next.js Blog 系列 #04

這一篇我們來進一步做些 Next.js 專案基本設定,讓後續開發體驗更流暢、專案結構更易讀。 我們會做這些設定: 新增 .nvmrc 鎖定專案 Node.js...

鐵人賽 Modern Web DAY 28

技術 27 - EditorConfig + Prettier + ESLint + Stylelint + Markdownlint - All you can lint

將各式 linter 與 formatter 工具整合於同個專案中,讓開發者可以: 使用 EditorConfig 配置的設定做輸入。 使用 Prettier...

鐵人賽 Modern Web DAY 25

技術 24 - ESLint - Lint JavaScript 程式碼

使用程式語言實作功能時,一百個人寫就會有一百種不同的程式碼,雖然都可以正常運作,但有些寫法(例如全域變數)會使系統結構脆弱,容易造成錯誤。 為了避免這些錯誤,開...

鐵人賽 Modern Web DAY 22
Javascript 從寫對到寫好 系列 第 22

技術 Day 22 - Formatter 與 Linter - 提升程式品質工具

前言 昨天講完 Code Review,團隊一致的寫 code 風格,可以大幅提升 review 的速度,也可以讓每個人的程式碼更好閱讀。 因此今天來聊聊兩個很...

鐵人賽 Modern Web DAY 4

技術 【Day4】Eslint設定及JSX表達式介紹,乾淨整齊的程式碼才能使人輕鬆讀懂!(๑¯◡¯๑)

在說明JSX前,先來提一個規則 EsLint !! Eslint 是用來檢測Code的標準及是否違規,而這些規定其實可以在設定檔可以自行設定 為了讓我們...

鐵人賽 Modern Web DAY 30
前端建置工具完全手冊 系列 第 30

技術 Day 30: 實作個 eslint plugin

這篇的完整的程式可以到 https://github.com/DanSnow/ironman-2020/tree/master/build-tool/pack...

鐵人賽 Modern Web DAY 29
前端建置工具完全手冊 系列 第 29

技術 Day 29: eslint

eslint 是很有名的 linter ,如果有在寫 JavaScript 應該多多少少都會知道,雖然它不該被歸類來這系列的主題「建置工具」中,不過它也算是很常...

鐵人賽 Modern Web DAY 3

技術 Day3 靜態分析:用 ESLint 檢查語法錯誤

工程師的寫 code 日常中,拼錯字必定不可少(誤)。造成程式壞掉的各種原因裡,「錯字」跟「型別錯誤」都是很常見的原因之一。前面我們知道,寫測試的目的是在保護程...

技術 Vue.js - 使用 ESLint + Prettier 整理程式碼

在多人開發的時常常大家寫 Code 的風格都不一樣,這時候可以透過輔助工具來統一每個人的風格,當然自己開發時也可以用,尤其是像我這種寫 Code 習慣很差的人X...

鐵人賽 Modern Web DAY 30

技術 Day29 | 最強聯名款 TSX 上市-ESLint 篇

前言 ESLint 一直是我們打程式的重要指標,它不但能夠替我們檢查語法風格中的問題,也避免某些問題可能會造成的程式錯誤,所以如果 ESLint 無法在 Typ...

鐵人賽 Modern Web DAY 30

技術 【懶人包閱讀順序】ES6 學習筆記

完賽嚕~!!過去都沒有寫文章的經驗,經過這次的學習紀錄真的覺得成長很多,不過也因為沒經驗,所以順序編排的不是很好(雖然也不知道有沒有人要看XDDD),這邊整理一...

鐵人賽 Modern Web DAY 29

技術 Day29【ES6 小筆記】陣列搜尋新方法 find() findIndex() - 以工具人清單為例

find() 在過去如果我們想要找到陣列中符合條件的元素,可能會使用 forEach 或是 for 循環,但是 forEach 是不能跳過或終止的,所以如果當...

鐵人賽 Modern Web DAY 28

技術 Day28【ES6 小筆記】 建構式ㄉ語法糖 - Class 超基本使用範例

ES6 中新增了類別 (class) 來實現原型繼承,但他並不是一種新原型繼承方式,只是以前原型繼承的語法糖,提供更簡潔的語法來建立物件和處理繼承! 這邊也來看...

鐵人賽 Modern Web DAY 27

技術 Day27【ES6 小筆記】 物件好兄弟 Map 使用方式

上一篇學習了 Set,今天要練習的 Map 也是 ES6 中提出的一種資料結構,跟 Set 蠻像的,只是 Map 存取的是鍵值對,所以也跟物件蠻像的,但有以下差...

鐵人賽 Modern Web DAY 26

技術 Day26【ES6 小筆記】 陣列好兄弟 Set 怎麼用? - 以 30 天平民滷肉飯挑戰為例

Set (集合) 是 ES6 中提出的一種資料結構,跟陣列蠻像的,只是他所有的元素都是唯一的,不會有重複的值存在,也沒有順序之分,所以也不能透過 [0] 這種...

鐵人賽 Modern Web DAY 25

技術 Day25【ES6 小筆記】有點規矩!讓你的程式碼整整齊齊~

Hi~你寫程式時都隨便換行、隨便空白,看心情加逗號跟分號嗎?你覺得反正程式沒有錯誤,結果有出來就好嗎?偶爾還會因為忘記分號導致出錯嗎?你覺得其實看了很不舒服,但...

鐵人賽 Modern Web DAY 24

技術 Day24【ES6 小筆記】資料型別 Symbol 使用時機

在 JavaScript 中,原始型別有以下幾種: Boolean:僅有 true, false 兩個值 Null:僅有 null 的值 Undefin...

鐵人賽 Modern Web DAY 23

技術 Day23【ES6 小筆記】箭頭函式 this 初步了解/使用時機

這幾天看了很多關於函式中 this 的文章,但感覺還不是很懂 XDDD,今天要來跟著這個影片來學習傳統函式跟箭頭函式中 this 的差別,練練我的小腦袋! 如果...

鐵人賽 Modern Web DAY 22

技術 Day22【ES6 小筆記】變數提升(Hoisting)與暫時死區(TDZ)

今天來介紹 let/const 的暫時死區(Temporal Dead Zone,TDZ),這是 ES6 中對作用域新的專用語,翻成中文就是「時間上暫時無法達到...

鐵人賽 Modern Web DAY 21

技術 Day21【ES6 小筆記】物件屬性存取方式 - 以一篇業配文為例

先前我們有介紹過物件的解構賦值,用於存取多屬性的物件,而今天我們就來聊聊存取單一個物件時,有什麼方法吧! 假如我們有一個物件 restaurant 紀錄這間好吃...