前端進階之養成一個良好的程式碼風格--JavaScript standard style

wubo49494發表於2019-03-23

程式碼風格養成

  • 養成一個良好的程式碼風格不僅有助於我們程式碼的瀏覽和維護,更能讓我們養成一個良好的碼程式碼習慣
  • 網上有幾種不同的程式碼風格,看個人喜好選擇一款即可
  • 個人比較喜歡 JavaScript standard style
  • 點進官網我們可以看到 standard 這個程式碼風格官方提供了編輯器外掛,這對我們起步再好不過了,
  • 所以我們可以按照官方的推薦,用sublimelinter來安裝sublime的外掛來輔助我們養成一個良好的程式碼風格

npm 安裝 standard

  • 在這之前需要電腦已經安裝 node.js 才能使用npm

  • 開啟cmd,輸入下面這個程式碼全域性安裝

  • npm install standard --global

  • 安裝好後可以通過輸入 standard --version來檢視 standard 版本確認是否安裝成功

Sublime Text 安裝 standard 外掛

  • 通過 Package Control,安裝 SublimeLinter 和 SublimeLinter-contrib-standard。
  • 安裝好後我們的sublime就可以自動識別我們的js程式碼是否符合standard的規範了。
  • 如下圖,我們可以把等號兩邊的空格都刪掉,以及新增行末分號測試下外掛是否起作用

前端進階之養成一個良好的程式碼風格--JavaScript standard style

  • 我們可以很明顯看到上圖的很多不符合standard規範的程式碼就被標紅,比如 推薦用===而不是==,比如等號兩邊推薦有空格的寫法,此時你寫==就被有紅色框表示提醒,行末分號也是,當然其實這些錯誤並不會影響程式碼的執行,只是來提醒我們這種寫法不是規範的程式碼風格。
  • over

相關文章