首先，安装好Sublime（ 我用的是版本号2），之后注冊好。Sublime Text2.0.2注冊码：http://xionggang163.blog.163.com/blog/static/376538322013930104310297/

在网上看了一篇文章，有关前端开发工具的。得知原来还有这种一款强大的工具。

网址例如以下：http://bbs.csdn.net/topics/390758377  里面的第4点开发工具http://www.cnblogs.com/jikey/p/3607133.html 有介绍emmet这个插件。

于是，開始想着安装这个插件。

首先找到了这2篇文章，http://www.ituring.com.cn/article/47310  http://blog.csdn.net/del1214/article/details/8092266

发现了自己的Sublime 2不能正确地打开Ctrl+~ （控制面板），于是，找了http://ifalone.me/636.html   发觉还是解决不了  后来又找了http://www.codeif.com/topic/1167 
，原来是与QQ拼音冲突了。解决冲突后自然就使用上面文章中的方法咯：复制以下代码到控制台，回车，重新启动就可以。

（主要參考：http://www.tuicool.com/articles/2ua2aa）

import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace('
','%20')).read()); print 'Please restart Sublime Text to finish installation'

安装后重新启动。就可以開始我们的高速开发了。

如：输入：body>div>.top>.center>p+h1>#bottom

然后按“tab”键  或者 Ctrl+E  就可以补全例如以下（确实强大）

<body>

	<div>

		<div class="top">

			<div class="center">

				<p></p>

				<h1>

					<div id="bottom"></div>

				</h1>

			</div>

		</div>

	</div>

</body>

这位仁兄也是遇到这种问题：http://caibaojian.com/sublime-text2-tutorial.html

分享7个超有用的Emmet（zen coding）HTML代码使用技巧：http://bbs.html5cn.org/thread-10963-1-1.html

  • > 子节点：在DOM树下一层加入创建一个元素
  • + 同级别：在DOM树同一层加入创建一个元素
  • ^ 向上层：向上一层加入创建创建一个元素。

http://www.cnblogs.com/leecanz/archive/2012/03/04/2379446.html

sublime text2的快捷键：

自己主动完毕：自己主动完毕的快捷键是Tab，假设在html文件里。输入cl按下tab。就可以自己主动补全为class=””。加上zencoding后，更是如虎添翼，后面再讲到

l 多列编辑：按住ctrl点击鼠标，会出现多个闪烁的光标，这时可同一时候改动多处

或者按住鼠标中键拖拽，

代码凝视功能：ctrl+/、ctrl+shift+/分别未行凝视和块凝视。再按一下就能去掉凝视，ST2可以自己主动识别是html、css还是js文件。给出不同类型的凝视。

l 行操作：ctrl+alt+↑、ctrl+alt+↓向上或者向下交换两行，ctrl+enter，光标后插入空行。ctrl+d选择相似，能够參考后面的快捷键列表。

l 右键功能：

前3个，大家都知道，第4个，show unsaved changes，显示未保存的改动。红色减号表示删去的内容，绿色加号表示新增的内容

主要快捷键列表

Ctrl+X 剪切整行

Ctrl+L 选择整行（按住-继续选择下行）

Ctrl+KK 从光标处删除至行尾

Ctrl+Shift+K 删除整行

Ctrl+Shift+D 复制光标所在整行。插入在该行之前

Ctrl+J 合并行（已选择须要合并的多行时）

Ctrl+KU 改为大写

Ctrl+KL 改为小写

Ctrl+D 选词 （按住-继续选择下个同样的字符串）

Ctrl+M 光标移动至括号内開始或结束的位置

Ctrl+Shift+M 选择括号内的内容（按住-继续选择父括号）

Ctrl+/ 凝视整行（如已选择内容，同“Ctrl+Shift+/”效果）

Ctrl+Shift+/ 凝视已选择内容

Ctrl+Z 撤销

Ctrl+Y 恢复撤销

Ctrl+M 光标跳至相应的括号

Alt+. 闭合当前标签

Ctrl+Shift+A 选择光标位置父标签对儿

Ctrl+Shift+[ 折叠代码

Ctrl+Shift+] 展开代码

Ctrl+KT 折叠属性

Ctrl+K0 展开全部

Ctrl+U 软撤销

Ctrl+T 词互换

Tab 缩进 自己主动完毕

Shift+Tab 去除缩进

Ctrl+Shift+↑ 与上行互换

Ctrl+Shift+↓ 与下行互换

Ctrl+K Backspace 从光标处删除至行首

Ctrl+Enter 光标后插入行

Ctrl+Shift+Enter 光标前插入行

Ctrl+F2 设置书签

F2 下一个书签

Shift+F2 上一个书签

Sublime Text2安装emmet(原名Zen Coding)总结的更多相关文章

  1. Sublime Text2安装emmet

    一.安装Package Control 如果Preferences中没有Package Control,需要手动安装.安装方法如下: 访问Package Controls站点复制一段python命令安 ...

  2. Sublime Text2 中Emmet(之前叫Zencoding)插件安装以及使用

    一.添加插件之前先 下载Package Control 按 Ctrl+`(就是~这个键) 复制下面的代码 确认 重新启动sublime text2 import urllib2,os;pf='Pack ...

  3. 使用Emmet(前身Zen Coding)加速Web前端开发

    Emmet插件以前被称作为Zen Coding,是一个文本编辑器的插件,它可以帮助您快速编写HTML和CSS代码,从而加速Web前端开发.早在2009年,Sergey Chikuyonok写过一篇文章 ...

  4. sublime text2 安装及使用教程

    1.下载安装包地址:https://www.sublimetext.com/2 2.安装,一直点下一步就好,将下列选项打钩,这样文件右键就可以直接用sublime text2打开 3.新建一个html ...

  5. 【笔记JS/HTML/CSS】ubuntu环境下的sublime text2 安装 zenCoding

    刚接触web编程的时候就被老师安利了sublime text2 这个文本编辑器,后来发现它真的挺好用的,无论是windows还是ubuntu,都可以很简单地下载安装(到官网,免费哦),三分钟内就搞定了 ...

  6. sublime text2安装package control的方法

    Package Control 方法一:在线安装,首先打开 Ctrl + ~,输入如下的代码: import urllib2,os; pf='Package Control.sublime-packa ...

  7. Sublime Text2 安装Package Control

    Sublime Text2是一款轻量级的妖娆的编辑器,想要更多私人定制功能的第一步就是安装Package  Control 这是官网的安装方法: Click the Preferences >  ...

  8. win7下sublime text3 安装Emmet的pyv8

    1.通过快捷键 ctrl+` 或者 View > Show Console 菜单打开控制台 2.适用于 Sublime Text 3: import urllib.request,os;pf=' ...

  9. Sublime Text2安装Package Control

    一.安装Package Control 使用Sublime Text2首先就要安装Package Control,这样就能使用丰富的插件包了 安装方法有2种: (1)访问Package Control ...

随机推荐

  1. gtk+学习笔记（六）

    今天用到了滚动窗口和微调按钮,根据网上的信息,简单总结下用法. 滚动窗口只能添加一个控件到其中 scrolled=gtk_scrolled_window_new(NULL,NULL); /*创建滚动窗 ...

  2. iOS图片缓存

    iOS的内存管理始终是开发者面临的大问题,内存占用过大时,很容易会被系统kill掉,开发者需要尽可能的优化内存占用问题. 现在的App界面做的越来越精致,里面集成了大量的图片,笔者首先想到的就是如何减 ...

  3. 更快的速度、更好的服务——易普优APS云排程

    众所周知软件执行效率受制于硬件性能,市面上的APS产品多为单机版本,企业要应用好APS,保证紧急插单.计划下发全程无忧,用户电脑硬件性能是不容忽视的一大瓶颈.APS的直接用户是车间管理人员.计划员,而 ...

  4. Git 简史

    同生活中的许多伟大事件一样,Git 诞生于一个极富纷争大举创新的年代.Linux 内核开源项目有着为数众广的参与者.绝大多数的 Linux 内核维护工作都花在了提交补丁和保存归档的繁琐事务上(1991 ...

  5. 第2天：Django路由与视图

    在应用中创建视图定义路由 配置文件说明 静态文件使用 Django解析路由的流程 路由顺序 路由命名与reverse反推 在应用中创建视图定义路由 前面我们已经创建了子应用users,但是这个user ...

  6. UNP学习总结（二）

    本文是UNP复习系列的第二篇,主要包括了以下几个内容 UNIX系统下5种I/O模型 阻塞.非阻塞,同步.异步 epoll函数用例 一.Unix下的五种可用I/O模型 阻塞式I/O模型 阻塞式I/O是最 ...

  7. Kolla O版本部署

    Kolla O版部署和之前的版本还是有些区别的,环境还是all-in-one 基本准备: 关闭Selina和firewalld [root@kolla ~]# cat /etc/redhat-rele ...

  8. BeautifulSoup与Xpath解析库总结

    一.BeautifulSoup解析库 1.快速开始 html_doc = """ <html><head><title>The Dor ...

  9. Django2.0中URL的路由机制

    路由是关联url及其处理函数关系的过程.Django的url路由配置在settings.py文件中ROOT_URLCONF变量指定全局路由文件名称. Django的路由都写在urls.py文件中的ur ...

  10. 洛谷.4238.[模板]多项式求逆(NTT)

    题目链接 设多项式\(f(x)\)在模\(x^n\)下的逆元为\(g(x)\) \[f(x)g(x)\equiv 1\ (mod\ x^n)\] \[f(x)g(x)-1\equiv 0\ (mod\ ...