Eclipse離線安裝Emmet插件

Eclipse離線安裝Emmet插件

近期發現了一個寫前端代碼很好的一個東西，一個叫作Emmet的工具，這個工具使用仿CSS選擇器的語法來生成代碼,大大提升了HTML/CSS代碼編寫的速度,前身就是大名鼎鼎的Zen coding。先來看張圖：

是否是很是帶勁呢，假設能達到圖中的效果，對咱們開發前端的代碼的速度將會有大幅度的提高。

這裏僅僅分享怎樣在Eclipse中離線安裝emmet插件。

一、  假設需要離線安裝emmet。需要從官方站點上下載emmet的源代碼包。而後導出爲咱們需要的插件格式，首先登錄ememt的官網。http://emmet.io，而後選擇下載的鏈接。跳轉到下載的界面。例如如下所看到的：

二、  在這裏選擇Eclipse一項，會跳轉到github上。在github上選擇， 右側的download zip選項，例如如下圖所看到的：

三、  下載源碼以後，而後選擇裏面的一個io.emmet.eclipse的目錄，將這個目錄導入到Eclipse的工做空間中，例如如下圖所看到的：

四、  導入完畢後，可以在Eclipse的工做空間中看到這個項目。例如如下圖所看到的：

五、  而後在項目上選擇右鍵Export選項，例如如下圖所看到的：

六、而後選擇插件部署的選項，例如如下圖所看到的：

七、而後選擇輸出的文件夾，例如如下圖所看到的：

八、導出完畢後會在文件夾下生成一個plugins的文件夾，裏面有一個所需要的插件文件例如如下圖所看到的：

九、最後將這個目錄放入到Eclipse的dropins目錄下就能夠，從新啓動Eclipse，假設在首選項裏看到Emmet的信息。說明成功安裝了。

十、安裝成功後，就可以在Eclipse的編輯器中使用Emmet的語法，更快的編寫咱們的代碼了。

我我的很是喜歡Eclipse中離線安裝插件的方式，差點兒每次安裝插件的時候都會使用這樣的離線安裝的方式。不太喜歡在線安裝，總認爲沒有離線安裝的方便，假設其它人也需要安裝插件。那我僅僅要給他一個插件便可了。

假設需要用MyEclipse，最好將項目導入到MyEclipse中進行導出配置。假設用Eclipse中導出的插件，有些時候沒法再MyEclipse中使用。