首頁 > web前端 > js教程 > Node偵錯工具JSHint的安裝及設定教學_javascript技巧

Node偵錯工具JSHint的安裝及設定教學_javascript技巧

WBOY
發布: 2016-05-16 16:46:37
原創
1665 人瀏覽過

現在我們介紹一個在Node下檢查簡單錯誤的JS程式碼驗證工具JSHint。

  JSHint的具體介紹參考http://www.jshint.com/about/,說直白點兒,JSHint就是一個檢查JS代碼規範與否的工具,它可以用來檢查任何(包括server端和client端)地方的JS程式碼的規範性。它提供了配置的方法,從而讓開發者自己定義檢查哪些規範上的錯誤。這就為開發者帶來了很大的便利性,因為在開發過程中,尤其是在團隊開發過程中會經常遇到各種各樣因不符合規範而帶來的問題,或者一些常見的文本錯誤,如使用未定義的函數或參數等。

  1、安裝JSHint。

  開啟cmd指令窗口,輸入以下指令:

複製程式碼 程式碼如下:

npm install -g jshint  //-g的意思是全域使用

註:如果提示npm不是內部或外部指令,那麼多半是你沒有安裝node或npm。具體安裝流程請參考http://dailyjs.com/2012/05/03/windows-and-node-1/。

  2、運行JSHint。

  開啟cmd指令窗口,使用cd切換到你對應的應用程式目錄下,輸入指令:

複製代碼 代碼如下:

jshint my_app.js

註:my_app.js即是你打算校驗或檢查的檔案。

  3、設定JSHint。

  JSHint提供了配置的方法,讓你可以根據自己團隊或嗜好來定義檢查校驗的規則。可以到https://github.com/jshint/node-jshint/blob/master/.jshintrc複製預設的規則檔。

  方法一:如果你將複製來的規則文件命名為.jshintrc的文件,並且將文件放在對應目錄或者父目錄下,那麼在運行JSHint的時候,會自動檢索並使用此規則文件。

  方法二:如果你並沒有將規則文件命名為符合規則的名字(即用.jshintrc),那麼可以在運行JSHint的時候手動指定規則文件,例如你將規則文件命名為jshint.json。那麼可以使用一下指令來執行JSHint並且套用你的規則:

複製程式碼 程式碼如下:

jshint my_app.js --config /root/appli/ jshint.json  //指定規則檔案路徑

4、設定檔的規則。

  設定檔的規則由很多,包括常見的分號使用與否、class建構器函數首字母大寫等。具體的規則不再一一贅述,請參考http://www.jshint.com/docs/。

  透過使用JSHint這個工具,會將你JS程式碼中很多常見的錯誤或不小心搞錯的程式碼檢查出來。當然,JSHint不會強大到檢查出你所有的錯誤。不過不用擔心,還有另外幾個可以為Node所用的調試工具,這次就只要介紹一下JSHint。

  以上是本人的一點愚見,如有錯誤,敬請指出。歡迎交流討論。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板