iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

尋覓網站開發的神兵利器 系列

介紹網站開發時的各式工具,藉由這些工具的幫助,提高自身的生產力。

鐵人鍊成 | 共 40 篇文章 | 70 人訂閱 訂閱系列文 RSS系列文 團隊Game Masters
DAY 21

20 - Husky - Git Hooks 工具

為了維護專案程式碼的品質,我們需要對提交的代碼做各式的檢查(例如: Lint 、 Format 、 Unit Testing 等),而檢查的時機點就位於各個 G...

2021-10-06 ‧ 由 Peter Chen 分享
DAY 22

21 - Commitlint - Lint Commit 訊息

git 的 commit 訊息是個隨意格式的純文字文件,使用者可以使用 commit 的訊息快速理解各個 commit 的用途。 但由於 commit 訊息本身...

2021-10-07 ‧ 由 Peter Chen 分享
DAY 23

22 - Commitizen - 產生合法的 Commit 訊息

針對 commit 訊息的規範,最為人熟知的是 Angular 的 Commit Message Format ,此規則將訊息分為 header 、 body...

2021-10-08 ‧ 由 Peter Chen 分享
DAY 24

23 - Prettier - 格式化程式碼工具

制定程式碼格式規範對於可讀性來說是必須的,如果開發者寫程式時都有各自的格式規範,那整個專案的程式碼會十分混亂。 另一方面,為了取得開發者們對於格式的一致認同,我...

2021-10-09 ‧ 由 Peter Chen 分享
DAY 25

24 - ESLint - Lint JavaScript 程式碼

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

2021-10-10 ‧ 由 Peter Chen 分享
DAY 26

25 - Stylelint - Lint CSS 程式碼

樣式表雖然較 JavaScript 單純,但隨著規則定義越來越多,樣式表還是會因複雜的結構與繁雜的規則配置而使得可讀性降低,甚至造成錯誤。 讓 CSS 代碼更漂...

2021-10-11 ‧ 由 Peter Chen 分享
DAY 27

26 - MarkdownLint - Lint Markdown 文件

Markdown 格式不需要編輯器添加任何的支援就可以撰寫,利用簡單的語法就可以定義各種樣式,是現今在寫技術文件時的主流文件格式。 但是自由的寫作方式卻十分容易...

2021-10-12 ‧ 由 Peter Chen 分享
DAY 28

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

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

2021-10-13 ‧ 由 Peter Chen 分享
DAY 29

28 - lint-staged - Lint Git Commit 的檔案

做 lint 、 format 或是通過測試,對於程式碼的品質維護有很大的幫助,因此在提交代碼時,我們會使用 Git hooks 確保這些優化程序有被執行。 但...

2021-10-14 ‧ 由 Peter Chen 分享
DAY 30

29 - Hygen - 程式碼產生器

在開發時,我們總是需要為系統加入新的功能,這意味著專案中的檔案會逐漸增多,雖然依照要擴充的功能不同,要加入的檔案類型也會有些許的不同,但是對於檔案的命名以及檔案...

2021-10-15 ‧ 由 Peter Chen 分享