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

代碼風格養成

  • 養成一個良好的代碼風格不只有助於咱們代碼的瀏覽和維護,更能讓咱們養成一個良好的碼代碼習慣
  • 網上有幾種不一樣的代碼風格,看我的喜愛選擇一款便可
  • 我的比較喜歡 JavaScript standard style
  • 點進官網咱們能夠看到 standard 這個代碼風格官方提供了編輯器插件,這對咱們起步再好不過了,
  • 因此咱們能夠按照官方的推薦,用sublimelinter來安裝sublime的插件來輔助咱們養成一個良好的代碼風格

npm 安裝 standard

  • 在這以前須要電腦已經安裝 node.js 才能使用npmhtml

  • 打開cmd,輸入下面這個代碼全局安裝node

  • npm install standard --globalnpm

  • 安裝好後能夠經過輸入 standard --version來查看 standard 版本確認是否安裝成功編輯器

Sublime Text 安裝 standard 插件

  • 經過 Package Control,安裝 SublimeLinter 和 SublimeLinter-contrib-standard。
  • 安裝好後咱們的sublime就能夠自動識別咱們的js代碼是否符合standard的規範了。
  • 以下圖,咱們能夠把等號兩邊的空格都刪掉,以及添加行末分號測試下插件是否起做用

  • 咱們能夠很明顯看到上圖的不少不符合standard規範的代碼就被標紅,好比 推薦用===而不是==,好比等號兩邊推薦有空格的寫法,此時你寫==就被有紅色框表示提醒,行末分號也是,固然其實這些錯誤並不會影響代碼的執行,只是來提醒咱們這種寫法不是規範的代碼風格。
  • over
相關文章
相關標籤/搜索