代碼提示插件-Spket

.插件介紹：

Spket是一個可以在Eclipse及MyEclipse中實現JavaScript代碼自動提示、自動校驗、自動糾錯的插件。

2.下載：

下載地址 :http://download.csdn.net/detail/wudalang_gd/9735303

3.解壓：

將下載到的spket.rar解壓至您的myeclipse根目錄。

例如：

myeclipse安裝在 C:\software\myeclipse，我們將該目錄表示為${myeclipse}，那么，解壓后的文件目錄應該是${myeclipse}/dropins及${myeclipse}/myPlugin，如下圖所示：

4.使用link方式安裝插件：

請用文本編輯器打開第3步中解壓出來的${myeclipse}/dropins目錄下的spket.link文件，將其中的path路徑改為第3步中解壓出來的${myeclipse}/myPlugin/spket目錄，spket.link文件中的內容為 path=C:\software\myeclipse\myPlugin\spket，路徑如下圖：

注意：請根據你本地機器上的MyEclipse安裝目錄修改path路徑

5.配置代碼自動提示參考文件：

打開MyEclipse，并點擊Window-->Preferences，在左側列表中找出Spket-->JavaScript Profiles，如下圖所示：

如果找不到的話，說明插件未成功安裝，請檢查安裝步驟是否有誤。

點擊右上角New...按鈕，添加一個參考文件，可以將其取名為yjf：

隨后會在右側列表中出現剛剛新增的yjf參考文件，選中它，并點擊右側Add Library，如圖：

選擇common：

添加好Library后，為其添加一個關聯文件：

為其選擇C:\web\YJF-api.js，如圖所示：

添加好參考文件后，將其設置為默認,

設置為默認后，該參考文件的名字會變成加粗狀態：

6.檢查自動提示是否起效：

設置好yjf API參考文件后，請重啟myeclipse。并且一旦yjf API文檔有更新后，必須重啟myeclipse才能使最新的代碼提示生效。

重啟完畢后，項目中的所有js文件的圖標應該顯示為這樣的圖標：

打開后，可以看到yjf的代碼提示已經出現：

溫馨提示：spket是個振奮人心的工具，大大提升了JavaScript開發效率，比如對于要做或正在做ext的程序員來說，我們再也不會為開發ext沒有好工具而憂愁！前端開發的同學們，還在等什么呢！

eclipse切換到idea，感覺提示速度和支持的插件都遠超eclipse，eclipse經常出現插件安裝不上的尷尬和無奈。不過Eclipse的界面風格和編輯器的字體顏色，包括Java的字體配置，xml字體配置，html的字體配置，都是我非常喜歡的，這點比idea用起來舒服。于是自己按照eclipse的字體風格來配置了idea的代碼編輯風格。

idea的暗黑系列風格，我有點hold不住，感覺不是我要的風格。我比較喜歡小清新風格如下。

idea

下面是xml的代碼風格和字體配色

idea配置的xml代碼顏色

下面是Java的代碼風格和字體的配色

java的代碼配色

html的代碼風格和字體配色

html的代碼和字體配色

整個idea的代碼的配色，是在settings里 Editor->Color Schema 進行代碼顏色的配置。配置好代碼的配色后，可以點擊File->Export Settings，將Idea的設置進行導出。也可以將其他風格的idea的設置導入到自己的Idea里。

自從使用了這種讓人舒服的配色方案后，感覺思路更加清晰了，效率也提升了不少，代碼怎么看都比較舒服。當然寫出像翔一樣的代碼，必須去重構。

pycharm，webstorm這些idea系列都可以使用這種方式調整字體。

有需要的可以私信我一下，后續更新到gitee上。

clipse格式化Java、JavaScript、JSP、HTML代碼設置

eclipse Oxygen.2

修改步驟

打開：Window->Preferences

Java 格式化

Java->Code Style->Formatter->New->Edit->Line Wrapping
Maximum Line width=180
Set line width for preview window=180

JavaScript 格式化

JavaScript->Code Style->Formatter->New->Edit->Line Wrapping
Maximum Line width=180
Set line width for preview window=180

Tab標簽頁->Comments
Maximum line width for comments=180

JSP|HTML頁面格式化

Web->HTML Files->Editor
Line width=180
Inline Elements 選中所有-> Remove

格式化前效果

格式化前

格式化后

喜歡本文可以收藏，或者點個關注，每天都有新鮮技術分享

在線咨詢

上一篇：網頁編輯器Pinegrow Web Editor，開
下一篇：Go 語言 Web 編程系列-獲取用戶請求數據（上）

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商