第一次安裝jshint，jshint新手使用記錄

標籤：ack   如何使用   為我   壓縮檔   system   測試   點擊下載   com   source   

剛剛出來工作的渣渣，第一次進入這樣比較正規的公司，各個開發流程都比較嚴格，代碼也是要經過jshint的檢測才能上傳到svn才能成功打包項目。所以我這種技術都半桶水的職場開發小白，也是第一次用jshint。然後我發現如果你就網上搜jshint教程，那些都有些亂，像我這樣的新人英語又爛爆的話有點摸不著頭腦。所以，就分享一下我自己的過程。

1.我的開發環境是VisualStudio2015,我一開始找就去下載適合vs的，官網是只更新到JSLint.VS2010這個東西，就下面那個圖。

結果這個東西你點擊了，然後就告訴你適合的都安裝了。。然鵝。。。我的visual Studio2015巋然不動，反正完全是不知道什麼情況的。然後我只能放棄。

2.接下來我就想那去下載一個通用版本，這總行吧。然後我又去官網看，官網地址：http://jshint.com/install/

①你點進去看到下面圖片，然後點擊我紅色框的那個選項，然後進入到github頁面

②---->點擊進入github

③---->下拉然後點擊下載你要的壓縮檔，你選一個就可以啦

④---->然後你就得到了一個壓縮檔啦

⑤---->然後你解壓縮就可以了（對！你沒有看錯，下載下來的東西就是源碼。

⑥這時候如果你已經安裝過Node.JS了那麼很好，你有了一個可以安裝jshint的工具npm，你可以開啟你的電腦面板看你有沒有，

如果你沒有，那你就去搜Node.JS然後安裝一個。因為我之前就安裝了，所以這裡就先跳過這步了。可以看一下菜鳥教程的：http://www.runoob.com/nodejs/nodejs-install-setup.html

⑦好，這時候基本都準備好了。開啟Node.js command prompt，然後我們正式開始安裝，輸入命令

npm install -g jshint        然後按Enter鍵就看到開始在裝了，裝成功以後就是我下面的樣子。

⑧如何使用。首先你得進去你要測試的檔案夾裡面。（如果你也是跟我一樣的小毛渣渣，你估計也不會寫命令列進入檔案夾吧，所以我有範例。。。

cd D:\web\sources\Fleet5WebSystem\F5WS.Web\Content\Script\App

（看我這個渣渣嘗試進入檔案夾的災難曆程。。。。

⑧進來要測試的檔案夾裡面了。接下來就是測試檔案

比如我要測試這個檔案夾的DeviceStateView.js檔案，那麼你就輸入命令

jshint DeviceStateView.js      按Enter即可，如果你的代碼有不符合規範的下面就會提示錯誤，然後你去代碼裡面改，然後再測試。

如果測試通過則是這樣的：（沒錯就是沒有任何提示。嗯，像這種命令列的，沒回應就是最好的回應~

 

好啦、jshint就是這麼簡單，如果你找對了教程的話。我就是被那些弄得很複雜的教程搞了很多時間，英語又不好，所以。。。。。。

 

第一次安裝jshint，jshint新手使用記錄