码迷,mamicode.com
首页 > 系统相关 > 详细

Eclipse离线安装Emmet插件

时间:2015-06-23 11:54:54      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:emmet   eclipse   前端   

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


Eclipse离线安装Emmet插件

标签:emmet   eclipse   前端   

原文地址:http://blog.csdn.net/longyuhome/article/details/46603497

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!