Sublime Text2安装emmet(原名Zen Coding)总结
首先,安装好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)总结的更多相关文章
- Sublime Text2安装emmet
一.安装Package Control 如果Preferences中没有Package Control,需要手动安装.安装方法如下: 访问Package Controls站点复制一段python命令安 ...
- Sublime Text2 中Emmet(之前叫Zencoding)插件安装以及使用
一.添加插件之前先 下载Package Control 按 Ctrl+`(就是~这个键) 复制下面的代码 确认 重新启动sublime text2 import urllib2,os;pf='Pack ...
- 使用Emmet(前身Zen Coding)加速Web前端开发
Emmet插件以前被称作为Zen Coding,是一个文本编辑器的插件,它可以帮助您快速编写HTML和CSS代码,从而加速Web前端开发.早在2009年,Sergey Chikuyonok写过一篇文章 ...
- sublime text2 安装及使用教程
1.下载安装包地址:https://www.sublimetext.com/2 2.安装,一直点下一步就好,将下列选项打钩,这样文件右键就可以直接用sublime text2打开 3.新建一个html ...
- 【笔记JS/HTML/CSS】ubuntu环境下的sublime text2 安装 zenCoding
刚接触web编程的时候就被老师安利了sublime text2 这个文本编辑器,后来发现它真的挺好用的,无论是windows还是ubuntu,都可以很简单地下载安装(到官网,免费哦),三分钟内就搞定了 ...
- sublime text2安装package control的方法
Package Control 方法一:在线安装,首先打开 Ctrl + ~,输入如下的代码: import urllib2,os; pf='Package Control.sublime-packa ...
- Sublime Text2 安装Package Control
Sublime Text2是一款轻量级的妖娆的编辑器,想要更多私人定制功能的第一步就是安装Package Control 这是官网的安装方法: Click the Preferences > ...
- win7下sublime text3 安装Emmet的pyv8
1.通过快捷键 ctrl+` 或者 View > Show Console 菜单打开控制台 2.适用于 Sublime Text 3: import urllib.request,os;pf=' ...
- Sublime Text2安装Package Control
一.安装Package Control 使用Sublime Text2首先就要安装Package Control,这样就能使用丰富的插件包了 安装方法有2种: (1)访问Package Control ...
随机推荐
- MIT6.006Lec03:插入排序,归并排序,递归树
MIT6.006是算法导论课,Lec03主要讲插入排序,归并排序,以及分析方法(递归树)等. 插入排序,可以分为线性插入排序.二分插入排序,区别在于当把数组中某元素插入到前面的有序列表中时,前者遍历, ...
- SSIS 学习之旅 FTP访问类
这章把脚本任务访问FTP的方法 全部给大家. 控件的使用大家如果有不懂得可以看下我之前的文章.第一章:SSIS 学习之旅 第一个SSIS 示例(一)(上) 第二章:SSIS 学习之旅 第一个SSIS ...
- 聊一聊FE面试那些事【原创】
最近公司由于业务的扩展.技术的延伸需要招一批有能力的小伙伴加入,而我有幸担任"技术面试官"的角色前前后后面试了不下50多位候选人,如同见证了50多位前端开发者的经历一样,在面试的过 ...
- 《Android源码设计模式》--模板方法模式
No1: 模板方法模式包括:抽象类(其中定义了一系列顺序方法).具体实现类A.具体实现类B 如果子类有实现不一样的细节,重写父类的某个方法即可 No2: AsyncTask对象调用execute方法后 ...
- JDK源码分析(三)——HashMap 上(基于JDK7)
目录 HashMap概述 内部字段及构造方法 存储元素 扩容 取出元素 删除元素 判断 总结 HashMap概述 前面我们分析了基于数组实现的ArrayList和基于双向链表实现的LinkedLi ...
- nc工具学习
0x00.命令详解 基本使用 想要连接到某处:nc [-options] ip port 绑定端口等待连接:nc -l -p port ip 参数: -e prog 程序重定向,一旦连接,就执行 [ ...
- ARM 内核
ARM相关知识: ARM核:A8,ARM11,ARM9 指令架构:ARMv7,ARMv6,ARMv4 ARM核分为两个阵营: 经典型:ARM7,ARM9,ARM11 Cortex: Cortex A: ...
- 决策树算法(Bagging与随机森林)
Bagging算法: 将训练数据集进行N次Bootstrap采样得到N个训练数据子集,对每个子集使用相同的算法分别建立决策树,最终的分类(或回归)结果是N个决策树的结果的多数投票(或平均). 其中,B ...
- Opencv学习笔记4:Opencv处理调整图片亮度和对比度
一.理论基础 在数学中我们学过线性理论,在图像亮度和对比度调节中同样适用,看下面这个公式: 在图像像素中其中: 参数f(x)表示源图像像素. 参数g(x) 表示输出图像像素. 参数a(需要满足a> ...
- SSH项目整合基本步骤
SSH项目整合基本步骤 一.项目简介 该项目是由Spring4.Struts2 以及 Hibernate4 整合搭建的 web 项目,把Action分开编写,便于查看,使用JSTL.EL标签. 二.项 ...