Web前端初步——IDE工具选择和emment插件

在工具选择上，个人比较喜欢Brackets和Subliment,这里我记录下目前使用的Subliment text3的emment插件安装关键点及相应安装文件。

emment插件可以说是每个web前端开发boy的福音，它极大的帮助我们简化代码编写。那么，依照个人经验，该插件具体安装记录如下：

硬件环境：win8 64bits

需准备的软件：Subliment text3：http://www.sublimetext.com/3

package control：https://packagecontrol.io/installation(若在Subliment text3的菜单栏Preferences下拉项中有Package Control，则无需重复安装)

emmet-sublime-master：打开https://github.com/sergeche/emmet-sublime#readme链接，打开下图所示的dowload下载即可。

注：http://emmet.io/download/——可选择适合自己的编辑器的emment安装教程

安装记录：1、打开Subliment text3环境

2、运行Preferences——Package Control——Install Package,等待片刻

3、在弹出的对话框中输入emment，选中双击，等待安装完成。

4、重启Subliment text3。

若未找到emment选择项，则选择下述方法，

1、运行Preferences——Browse Package,记住其打开的位置，假设为C:\location

2、将emmet-sublime-master拷贝到上述文件夹下

3、重启Subliment text3。

测试：在其编辑区输入如ul>li*4这种简写语句，按下ctrl+e,若能自动补全为：

<ul>

<ul>

则说明配置完成。

Bingo，大功告成，看个电影歇一歇。

Web前端初步——IDE工具选择和emment插件相关推荐

各式 Web 前端開發工具整理
各式 Web 前端開發工具整理這裡收集了一系列各式各樣與「網頁前端」相關的開發工具.函式庫與參考文件,這些工具僅針對一般桌上型/筆記型電腦的顯示環境為主 (不含平板或手機等行動版網頁相關工具). 程 ...
Brackets前端开发IDE工具
Brackets是一个开源的前端开发IDE工具,网页设计师和前端开发人员必备的前端开发IDE工具. 它能够使你在开发WEB网站实时预览你的网页,目前版本只适用于Chrome浏览器可以实时预览效果支持 ...
Web前端开发必备工具推荐
http://gaohaixian.blog.163.com/blog/static/12326010520114265223489/不管你做前端开发还是网页重构,前端工具都起着非常重要的作用,这里向 ...
WebStorm for Mac 2018.1.2 Web前端开发 IDE 破解版下载
WebStorm for Mac 是非常聪明的 JavaScript,CSS 和 HTML IDE,轻巧而强大的 IDE,非常适合复杂的客户端开发和使用 Node.js 的服务器端开发,是专业的 We ...
web前端开发小工具集合
收集的一些轻量级非常实用的前端开发小工具,以后还会不定期进行更新,现将目前收集的信息列表如下: CSS 3相关 1.CSS3样式生成器:http://www.css88.com/tool/css3 ...
web前端开发---弃Hbuilder编辑器到Atom插件推荐，快捷键，快速编辑html 使用
1 ATOM atom编辑器是Github专门为程序员推出的一个开源跨平台文本编辑器.具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言.它支 ...
关于WEB前端开发的工具
俗话说:"工谷善其事,先必利其器."一个用得顺手的工具,确实能为我们的开发带来方便,更重要的是会让我们更加享受工具开发过程中所带来的乐趣. 1.编码工具: 记事本之类的编辑器都可 ...
web前端代码开发工具_Web开发人员的有用代码比较工具
许多不同语言的开发人员都有着共同的成长难题. 冗长的源代码将在开发人员的整个职业生涯中成为一个棘手的问题,但是考虑较少的问题是编译和合并来自同一源的两个或更多副本的编辑. 幸运的是,对于这种情况,有非 ...
干货 | Web前端优化及工具集锦
原文地址:http://www.csdn.net/article/2013-09-23/2817020-web-performance-optimization 前端的性能对于一个Web应用来说非 ...
web前端年会抽奖工具
笔者今天已经上班了,但是没有什么事情做,就把公司年会用到的抽奖工具跟大家分享一下.下面是素材和代码,jquery请自己下载.版本不要太低哦. @charset "utf-8";/* ...

Web前端初步——IDE工具选择和emment插件

Web前端初步——IDE工具选择和emment插件相关推荐

最新文章

热门文章