Sublime Text 作为十分优雅的文本编辑软件,一直是前端开发和一些程序开发人员的最爱。毕竟让人爱不释手,再配上优雅的等宽字体,让编程成为一种享受。 除了界面优雅,他丰富的社区资源也是十分优秀的,有丰富的插件来方便你使用。今天介绍一款十分出名的前端插件,Emmet(原名是大名鼎鼎的 Zencoding)。 Emmet简化了前端人员编写HTML的过程,只要打几个字再按Tab(Ctrl+E)就能完成以前几行的代码量。可谓是业界神器。当然你也可以在其他编辑程序,比如Vim,Notepad++等等,可以说都可以使用。 下面我们介绍一下如何在sublime Text 下安装 Emmet . 1、安装Sublime TextSublime Text 目前主流版本是 Sublime Text 2 和Sublime Text 3。差别不是很大,3作为新版本也有着他自己的特性。但是3目前是Beta版本,大家看自己喜好。 下载地址:
Sublime Text 是个共享软件,但是你不购买在大多时候不影响使用的,只有在偶尔保存的时候提示你购买。所以这软件够业界良心,就算买也不算贵,70刀。如果sublime Text 4出来的时候,可以免费升级到4。 2、安装Package Control安装包管理一共有两个办法,一个是自动化的,一个是手动导入。 自动化安装按 Ctrl + ` (就是数字1旁边的) 然后把下面的代码输入运行。这是一个python程序,Sublime Text 3 和 Sublime Text 2代码有些区别。 Sublime Text 3 如下: sublime-3-packagecontrol
Python Sublime Text 2 如下: sublime-2-packagecontrol
之后会提示,就证明你安装成功了。需要重启Sublime Text一下。 1 missing dependency was just installed. Sublime Text should be restarted, otherwise one or more of the installed packages may not function properly. 手动安装1). 下载 Package Control.sublime-package(传送门) 2). 点 Preferences > Browse Packages ,去上级目录,把刚才的文件复制到 Installed Packages/ 里面 3). 重启 Sublime Text 2/3 即可完成安装 3、安装Emmet (Zencoding)在安装包管理工具之后一切就简单了很多了。我们安装和删除就能用包管理工具来快速实现。 快捷键 Ctrl + shift + p . 或者点 Tools -> Command line ,入 PCIP 也就是 Package Control Install Package 的简写 ,然后Enter 稍等片刻,输入 Emmet ,再 Enter 之后会弹出来一个Package Control Message ,我们再重新启动下Sublime Text就可以完成。 当然笔者在安装的时候 也出现了 无法找到 PyV8引擎的错误。但是重新启动之后,左下角就会出现 Loading PyV8 binary 。一会儿就会自动更新安装成功。大家要等一小下。如果因为“网络原因”无法下载,你也可以到Github(传送门)根据自己的版本手动下载。我就不给大家翻译了。如果你连Github也上不了,可以留言你的系统版本,我会附上其他链接。 Enjoy Yourself !下面我简单介绍下 为什么 Emmet被称作神器 。因为像写小说一样写代码。 html:5 , html:4t , html:4s div.container>ul.nav>li*4>a
更多Emmet (Zen Coding)内容 ,大家可以自己读文档。http://docs./,毕竟小说还得自己写。 Any Problem ? Leave me a message . |
|
来自: 叹落花 > 《SubLime2/3》