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中使用。