Eclipse離線安裝Emmet插件
近期發現了一個寫前端代碼很好的一個東西,一個叫做Emmet的工具,這個工具使用仿CSS選擇器的語法來生成代碼,大大提高了HTML/CSS代碼編寫的速度,前身就是大名鼎鼎的Zen coding。先來看張圖:
是不是非常帶勁呢,假設能達到圖中的效果,對我們開發前端的代碼的速度將會有大幅度的提升。
這里僅僅分享怎樣在Eclipse中離線安裝emmet插件。
1、 假設須要離線安裝emmet。須要從官方站點上下載emmet的源代碼包。然后導出為我們須要的插件格式,首先登陸ememt的官網。http://emmet.io,然后選擇下載的連接。跳轉到下載的界面。例如以下所看到的:
2、 在這里選擇Eclipse一項,會跳轉到github上。在github上選擇, 右側的download zip選項,例如以下圖所看到的:
3、 下載源碼之后,然后選擇里面的一個io.emmet.eclipse的目錄,將這個目錄導入到Eclipse的工作空間中,例如以下圖所看到的:
4、 導入完畢后,能夠在Eclipse的工作空間中看到這個項目。例如以下圖所看到的:
5、 然后在項目上選擇右鍵Export選項,例如以下圖所看到的:
6、然后選擇插件部署的選項,例如以下圖所看到的:
7、然后選擇輸出的文件夾,例如以下圖所看到的:
8、導出完畢后會在文件夾下生成一個plugins的文件夾,里面有一個所須要的插件文件例如以下圖所看到的:
9、最后將這個目錄放入到Eclipse的dropins目錄下就可以,重新啟動Eclipse,假設在首選項里看到Emmet的信息。說明成功安裝了。
10、安裝成功后,就能夠在Eclipse的編輯器中使用Emmet的語法,更快的編寫我們的代碼了。
我個人非常喜歡Eclipse中離線安裝插件的方式,差點兒每次安裝插件的時候都會使用這樣的離線安裝的方式。不太喜歡在線安裝,總認為沒有離線安裝的方便,假設其它人也須要安裝插件。那我僅僅要給他一個插件即可了。
假設須要用MyEclipse,最好將項目導入到MyEclipse中進行導出配置。假設用Eclipse中導出的插件,有些時候無法再MyEclipse中使用。