1. 程式人生 > >eclipse的js校驗外掛

eclipse的js校驗外掛

1. JSLint
JavaScript 作為一門語法靈活多變且對格式要求相對鬆散的語言,程式碼格式的混亂和某些語言特性的不正確使用,往往使得最終交付的產品中包含許多因編碼風格約定造成的未 預見的行為或錯誤,這種習慣性的問題如果不及時指出並修改,往往會在專案的迭代過程中不斷的重現,嚴重影響 Web 產品的穩定性與安全性。  JSLint 正是 Douglas Crockford 為解決此類問題建立的工具,JSLint 除了能指出這些不合理的約定,還能標出結構方面的問題。雖然 JSLint 不能保證程式碼邏輯一定正確,但卻有助於發現錯誤並教會開發人員一些好的編碼實踐。值得一提的是 JSLint 工具本身也是一段 JavaScript 程式碼,它是檢驗 JavaScript 程式碼質量的 JavaScript 指令碼。
  JSLint 對 JavaScript 指令碼的質量檢測主要包括以下幾個方面:

  • 檢測語法錯誤:例如大括號“{}”的配對錯誤。
  • 變數定義規範:例如未定義變數的檢測。
  • 程式碼格式規範:例如句末分號的缺失。
  • 蹩腳語言特性的使用檢測:如 eval 和 with 的使用限制。

  目前,與 JSLint 功能類似的 JavaScript 程式碼檢測工具有很多,包括:YUI Test、Firebug、MS Script Debugger 、CompanionJS 等等,它們中大多數都是以瀏覽器外掛的形式存在於客戶端瀏覽器進行 JavaScript 執行時的檢測和除錯,JSLint 與這些工具的重要區別在於其更加註重靜態程式碼格式的檢測,而這也正是當前火熱的敏捷開發中持續構建所需要和提倡的。
Eclipse安裝JSLint外掛的幾種方法

  筆者在安裝JSLint的時候參考了網上的幾種方法,現整理如下:
  方法一:

Step One: Open Eclipse up on your machine and go to ‘Help’ -> ‘Install New Software’
Step Two: Click ‘add’ and to stuff the location with the following link:


 

https://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/jslint4java1/download then click ‘ok’.
Step Three: Selecting ‘Javascript Development Tools’ and ‘jslint4java’ and click next.




  方法二:

Step One: Download jslint4java
Step Two: Put jslint4java.jar somewhere
Step Three: Add an external tool configuration in Eclipse:
                   Location: /usr/bin/java(or your path to javaw.exe)
                   Arguments: -jar /path/to/jslint4java.jar ${resource_loc}




  方法三:

1. Help -> Install new software
2. Click the 'Add' button
    Name : Rockstar Apps (or whatever you want)
    Location : http://update.rockstarapps.com/site.xml
3. expend the selection and check Rockstar JsLint
4. Click 'Next'...again
5. Accept and install
    (you'll have to hit okay when it prompts you about installing unsigned content).
6. Restart Eclipse...




資料參考  1、http://www.ibm.com/developerworks/cn/web/1105_linlin_jslint/
  2、http://stackoverflow.com/questions/2741058/jslint-eclipse-plugin
  3、http://www.andyjamesdavies.com/javascript/installing-jslint-on-eclipse-ide

轉自:http://www.cnblogs.com/lhb25/archive/2012/02/20/jslint-eclipse-plugin.html


2.   JSHint

之前使用 JSlint 來校驗 JavaScript 程式碼,發現靈活性不夠,因此改用 JSHint。按照官方的說法,JSHint 是一個社群驅動(community-driven)的工具,用於檢測JavaScript程式碼中的錯誤和潛在的問題,規範編碼風格,確保程式碼的質量。 JSHint在JSLint的基礎上做了很多改進,讓開發人員可以自己定義校驗選項。



JSHint Home: http://www.jshint.com/
JSHint Options: http://www.jshint.com/options/
JSHint For Eclipse: http://github.eclipsesource.com/jshint-eclipse/
安裝方法最新穩定版本更新網址:
http://github.eclipsesource.com/jshint-eclipse/updates/

  • 在Eclipse主選單,點選: Help > Install New Software…
  • 輸入上面的URL,然後選擇 JSHint Eclipse Integration
  • 後面的安裝過程很簡單,往下按確定就可以了

更新方法如果已經安裝了,則可以更新:

  • 在Eclipse主選單,點選: Help > Check for Updates

解除安裝方法按如下方式即可解除安裝:

  • 在Eclipse主選單,點選: Help > About Eclipse > Installation Details
  • 選擇 JSHint Eclipse Integration,點選 Uninstall

使用方法選擇要啟用校驗的專案,右鍵->屬性,選擇JSHint 項,配置啟用校驗的檔案和資料夾,配置檔案的示例如下:



轉自:http://www.cnblogs.com/lhb25/archive/2012/04/05/javascript-validation-with-jshint-eclipse.html

 

配置參考地址

http://zhang.zipeng.info/vimwiki/Entries/Reference/Tools/jshint.html