0%

JS核心-(61)-ES6 章節:Let 及 Const-學好 ES6-使用 ESlint 工具輔助

前言

團隊開發使用 ESlint 風格規範,就可以讓團隊的程式碼有一致性,並且有助於日後的維護

ESlint

ESlintJavascript 一種風格規範。

當一個團隊在開發的時候,每個人的寫作習慣都不同,這個時候,就會使用ESlint 進行寫作模式的限制。

例如:哪裡需要多一個空白、多一個 tab 甚至是多一個 enter 空行,是否要加分號等等。

透過這個風格規範,就可以讓團隊的程式碼有一致性,並且有助於日後的維護。

這邊推薦的是 Airbnb 的版本,同時裡面也有推薦怎樣的寫法是比較好的

例如這個變數的教學就請你總是使用 letconst 進行變數的宣告,避免汙染全域的命名環境。

ESlint 使用的方式可以依照安裝教學的影片進行安裝,

撰寫的時候,如果不符合規範的話,會產生紅字底線,用滑鼠靠過去,就會顯示錯誤的內容是什麼

ESLint 安裝說明及 Airbnb 文檔連結

Airbnb 規範文件 (ES6 版本):
https://github.com/airbnb/javascript

ESLint 安裝教學:
https://www.youtube.com/watch?v=WiommcFaYvY


新版選項:

How would you like to use ESLint ? (Use arrow keys)
    To check syntax only
    To check syntax and find problems
  ❯ To check syntax, find problems, and enforce code style

如果要使用 Airbnb 的規範,請選擇最後一個選項。