js代碼規範檢查工具,js代碼檢測

本文目錄一覽：

• 1、Warning:you are installing software that contains unsigned content…
• 2、如何把 Sublime 變身為 JavaScript 編輯器
• 3、webstorm es6 js文件方框錯誤提示，代碼運行正常，怎麼去掉

Warning:you are installing software that contains unsigned content…

安裝的時候，把「Contact all update sites during install to find required software」這個勾去掉。

開發過程中的常用Eclipse插件，按字母排序：

(1)    AmaterasUML

介紹：Eclipse的UML插件，支持UML活動圖，class圖，sequence圖，usecase圖等；支持與Java class/interface之間的相互導入導出。

官方網站：

插件下載URL：  （目前最新版本）

註：安裝時需要GEF插件的支持。

(2)    Bravo JSP

介紹：Bravo JSP編輯器是一款WYSIWYG（所見即所得的）JSP/html頁面編輯器。Code Editor(代碼編輯器)與Eclipse Web Tools的JSP編輯器相同，所以支持代碼建議，代碼模板和其它相同的功能。可視化部分：支持CSS樣式、圖片、JSP表達式/標籤庫/標籤文件、外部included的文件。改變HTML/CSS/JSP代碼可以立即看到效果。提供DOM查找/替換對話框。JSTL的變數查看功能。

官方網站：

Eclipse在線安裝URL：

(3)   Checkstyle

介紹：CheckStyle是SourceForge下的一個項目，提供了一個幫助JAVA開發人員遵守某些編碼規範的工具。它能夠自動化代碼規範檢查過程，從而使得開發人員從這項重要，但是枯燥的任務中解脫出來。CheckStyle檢驗的主要內容有：Javadoc注釋、命名約定、標題、import語句、體積大小、空白、修飾符、塊、代碼問題、類設計以及混合檢查（包括一些有用的比如非必須的System.out和printstackTrace）等。

官方網站：

Eclipse在線安裝URL：

(4)    Easy Explorer

介紹：如果你經常需要在Eclipse里打開相關資源文件所在的文件夾，比較麻煩，要右鍵，屬性，在Location一欄中把所在的文件夾拷貝一下，然後再去資源管理器里輸入這個路徑，回車，然後打開它，比較麻煩。Easy Explorer是一個Eclipse的小插件，它能直接打開選中文件所在的目錄，很方便好用.

官方網站：

(5)    EasySQL

介紹：EasySQL:Eclipse SQL插件。包含SQL編輯器和執行器,表格編輯器，數據導出工具。EasySQL設計成易於與其它插件相集成。如果在你的項目中需要資料庫

操作功能，可以考慮該插件。

官方網站：

插件下載URL：

(6)    EclEmma

介紹：提到 EclEmma 首先就要說到著名的 Java 覆蓋測試工具 Emma。從某種程度上說，EclEmma 可以看作是 Emma 的一個圖形界面。EclEmma的出現彌補了 Emma 用戶一個大的遺憾 —- 缺乏圖形界面以及對集成開發環境的支持。將 Eclipse 和 Emma 這兩個在各自領域最為優秀的工具結合起來，這就是 EclEmma 為我們提供的。

官方網站：

Eclipse在線安裝URL：

(7)    Eclipse SWT Designer Plugin

介紹：Eclipse SWT Designer Plugin是一個用於快速構建J2SE的桌面化GUI開發的Eclipse插件。

官方網站：

插件下載URL：

(8)    FindBugs

介紹：Findbugs 是一個靜態分析工具，它檢查類或者 JAR 文件，將位元組碼與一組缺陷模式進行對比以發現可能的問題。了靜態分析工具，就可以在不實際運行程序的情況對軟體進行分析。它可以幫助改進代碼的質量。它是尋找代碼缺陷的，很多我們寫的不好的地方，可以優化的地方，它都能檢查出來。例如：未關閉的資料庫連接，缺少必要的null check，多餘的 null check，多餘的if後置條件，相同的條件分支，重複的代碼塊，錯誤的使用了”==”，不同數據類型的比較，建議使用StringBuffer代替字元串連加等等。

官方網站：

Eclipse在線安裝URL： 

(9)    FreeMarker IDE

介紹：FreeMarker IDE是一個FreeMarker(模板引擎)感知編輯器，支持：語法高亮顯示(Syntax Hilighting)、內容輔助(Content Assist)、大綱視圖(Outline View)。其主頁上提供了如何使用該插件進行開發的Flash視頻。FreeMarker還有另外一個插件FreeMarker Eclipse Plugin。

官方網站：

插件下載URL：

(10) Spket

介紹：Spket IDE是功能強大的JavaScript 和XML開發工具包。這個強大的編輯器可以進行JavaScript、XUL/XBL以及Yahoo! Widget開發。其中JavaScript編輯器具有代碼完成（code completion）、語法標記以及內容概覽等功能，協助開發人員創建高效的JavaScript代碼。

官方網站：

Eclipse在線安裝URL：

(11)  JadClipse

介紹：JadClipse是一個Eclipse插件,無縫地集成了Jad(快速Java反編譯器)與Eclipse。通常,當打開一個類文件，類文件查看器將顯示一個簡短的API類的輪廓。如果你安裝這個插件,JadClipse類文件查看器將替換類文件查看器並顯示了類的反編譯源代碼。這個任務可以通過在後台使用Jad反編譯相應的類文件來完成。可以支持正常的Java語法高亮以及大綱視圖。

官方網站：

Eclipse在線安裝URL：

(12) Javascript Debug Toolkit

介紹：JSDT(Javascript Debug Toolkit)是一個用於javascript調試的Eclipse 插件，用於調試javascript。JSDT可以跨瀏覽器調試，支持在IE,Firefox,Safari,Chrome等主流瀏覽器中調試javascript。JSDT支持設置斷點，單步調試等調試工具的基本特性。

官方網站：

Eclipse在線安裝URL：

(13) Mybatis Editor

介紹：MyBatis Editor是一個Eclipse的插件，用來編輯MyBatis的配置文件。

官方網站：

Eclipse在線安裝URL：

(14) MAT

介紹：Eclipse Memory Analyzer（MAT）是著名的跨平台集成開發環境 Eclipse Galileo 版本的 33 個組成項目中之一，它是一個功能豐富的JAVA 堆轉儲文件分析工具，可以幫助你發現內存漏洞和減少內存消耗。對於大型 JAVA 應用程序來說，再精細的測試也難以堵住所有的漏洞，即便我們在測試階段進行了大量卓有成效的工作，很多問題還是會在生產環境下暴露出來，並且很難在測試環境中進行重現。JVM 能夠記錄下問題發生時系統的部分運行狀態，並將其存儲在堆轉儲 (Heap Dump) 文件中，從而為我們分析和診斷問題提供了重要的依據。

官方網站：

Eclipse在線安裝URL：

(15) m2eclipse

介紹：這是一個在Eclipse環境中集成的Maven插件。

官方網站：

Eclipse在線安裝URL： 

(16) PatternBox

介紹：PatternBox是一個Java設計模式編輯器。它提供一個基於模板的代碼生成器。這個基於XML的模板機制使得你能夠定義自己的代碼模板。PatternBox當前能夠為16種GoF設計模式生成代碼。

官方網站：

參考資料

CSDN：

如何把 Sublime 變身為 JavaScript 編輯器

Sublime 是一款非常流行並且強大的文本編輯工具， 除了它提供的基礎功能， 它還支持第三方插件， 配置適合我們工作流的插件可以讓使用 Sublime 的時候更加舒服。

插件控制中心

首先，我們需要安裝 Package Control, 進入它的安裝主頁

大家可以看到：

正如提示中描述的， 在 Sublime 中按下 Ctrl + ` 快捷鍵來打開控制台， 然後把頁面中的那段腳本複製進去，然後執行就 OK 了。 腳本的具體內容大家一定要從 Package Control 的主頁去獲取， 因為這個腳本隨時可能會更新， 官方主頁上的一直是最新的。

成功安裝後， 就可以看到這個提示了：

接下來， 按下 Command + Shift + P 鍵， 打開命令面板， 並且輸入 install， 可以看到 Install Package 選項：

按下回車打開它， 就可以看到可用插件的列表了

一切就緒後， 可以開始配置插件了。 給大家推薦幾個我在用的插件。

JSHint Gutter 插件

JSHint 是非常流行的 JS 語法檢查工具， 它是一套獨立的庫， 並且提供命令行版本。 它可以幫助你寫出更加符合 JS 標準規範的代碼， 我們可以調用 jshint 命令並傳入我們的代碼文件， 它就會幫我們找出不符合規範的代碼，並且給出提示。

並且 Sublime 也提供了 JSHint 的支持， 我們只需要安裝插件， 就可以將 Sublime 和 JSHint 無縫集成起來了。

按照我們剛才的方式打開插件列表， 並且輸入 jshint，就可以看到 JSHint Gutter 插件了：

直接按下回車安裝。 JSHint 插件默認不會自動執行， 但我更偏好讓他在代碼編輯中自動檢測， 那麼可以按下 Command + Shift + P 再次打開命令行面板， 然後輸入 jsHint， 選擇 Set Plugin Options 選項：

JSHint 插件的配置選項其實就是一個配置文件， 只需要將 lint_on_edit 屬性設置為 true 它就會自動執行了：

這樣， 當我們的代碼有不符合對方的時候， 插件就會給出錯誤提示：

如果想看到這些錯誤的詳細內容， 按下 Command + Shift + J 鍵來查看：

對於有代碼潔癖的同學， 或者希望寫出高質量代碼的朋友來說，JSHint 都會是一個很不錯的工具， 比較推薦。

JSDoc 插件

這個也是我比較喜歡的插件， JSDoc 顧名思義，就是一個文檔注釋插件。 比如我們可以向這樣，只輸入 /** 然後按下回車， JSDoc 就會根據下面函數定義生成注釋模板：

另外，JSDoc 本身也是一套工具體系， 除了插件能幫助我們生成方便的注釋模板之外， JSDoc 還能夠根據這些注釋輸出標準化的 API 文檔， 可謂一舉兩得。 JSDoc 插件的安裝方式也都一樣， 還是按照我們剛才的方法打開插件列表。

並且找到 DocBlockr， 然後安裝即可。

良好的注釋習慣， 也是寫出高質量代碼的一個保障。

結尾

這次跟大家聊了聊 Sublime 的插件， 插件幾乎存在於很多開發工具中， 合理的使用插件會對我們的開發過程提供很多幫助。 但插件也不是越多越好，太多的插件有時也會造成混亂。 希望大家都向大牛的方向邁進~

webstorm es6 js文件方框錯誤提示，代碼運行正常，怎麼去掉

用webstorm最煩人的地方就在這裡，雖說這算好事——它設定了js文件的JavaScript版本(語法誇版本就會提示)，它還加入了JavaScript語法檢查、編碼風格規範插件，總之會有一大堆提示。

大概的設置方案:

1. 把JS語法版本設為ES6。

2. 把JSLint(JSHint)等插件的一些不必要檢查項去掉(不嚴重的都去掉，比如空格檢查什麼的)，也可以直接禁用這些工具。