zoukankan      html  css  js  c++  java
  • 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点击鼠标,会出现多个闪烁的光标,这时可同一时候改动多处

    clip_image004[5]

    或者按住鼠标中键拖拽clip_image006[5]


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

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

    l 右键功能:

    clip_image008[5]

    前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 上一个书签



  • 相关阅读:
    mate框架
    【CXF】Apache CXF 简介
    Flex 自定义DataGrid控件
    MYSQL远程登录权限设置
    不要像小贝那样学习C++
    tablesorter,jquery
    Linux系统搭建RabbitMQ
    loadView viewDidLoad viewWillAppear viewWillAppear
    得到图片中的某一部分
    addSubview和insertSubview的区别
  • 原文地址:https://www.cnblogs.com/lcchuguo/p/5382333.html
Copyright © 2011-2022 走看看