前言
團隊開發使用 ESlint 風格規範,就可以讓團隊的程式碼有一致性,並且有助於日後的維護
ESlint
ESlint 是 Javascript 一種風格規範。
當一個團隊在開發的時候,每個人的寫作習慣都不同,這個時候,就會使用ESlint 進行寫作模式的限制。
例如:哪裡需要多一個空白、多一個 tab 甚至是多一個 enter 空行,是否要加分號等等。
透過這個風格規範,就可以讓團隊的程式碼有一致性,並且有助於日後的維護。
這邊推薦的是 Airbnb 的版本,同時裡面也有推薦怎樣的寫法是比較好的
例如這個變數的教學就請你總是使用 let、const 進行變數的宣告,避免汙染全域的命名環境。
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 的規範,請選擇最後一個選項。