Sublime Text 使用技巧

操作方法

  • 01

    sublime Text 由于其强大的编辑功能以及代码自动完成功能受到无数程序员的青睐,尤其是zend coding 插件的使用。要实现其强大的功能,需要装载一些插件,本文由小编跟大家介绍一下如何在sublime text 安装zen coding 等插件。 Sublime Text 插件安装的几个方法: 第一种、直接安装 安装Sublime text插件很方便,可以直接下载安装包解压缩到软件安装根目录的Packages目录下,放在里面,重启软件即可。 2.使用Package Control组件安装 也可以安装package control组件,然后直接在线安装: 按Ctrl+`以调出console,然后 粘贴以下代码到底部命令行并回车: import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()) 重启Sublime Text即可。 重启后如果在Perferences->package settings中看到package control这一项,则安装成功。 如果这种方法不能安装成功,可以到这里下载文件手动安装。 用Package Control安装插件的方法: 按下Ctrl+Shift+P调出命令面板 输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。 GBK Encoding Support 对应gb2312来说,Sublime Text 2 本生不支持的,我们可以通过插件GBK to UTF8或GBK进行转码工作。 大神级别插件Zen Coding: 输入 div.wrapper>div.header+div.main+div.footer 按下Tab,立刻变成 或者按下ctrl+alt+enter,激发zencoding控制台,可看到整个动态的过程。 Zen Coding代码写法: 1)使用Ctrl + Alt + Enter 呼出ZenCoding 2) div#content>ul>li*3>a[href="javascript:void(0);"]{Links$} 这样短短的一句话生成: <did id=”content”> <ul> <li><a href=”javascript:void(0);”>Links1</a></li> <li><a href=”javascript:void(0);”>Links2</a></li> <li><a href=”javascript:void(0);”>Links3</a></li> </ul> </did> 以下跟大家分享一下Sublime Text 中使用Zen Coding的一些技巧 1、缩写扩展 之前知道,通过Control + Alt + Enter可以在一个新行中输入ZC的缩写,来生成代码。同时,如果我们在编辑中直接书写了ZC缩写,比如 div#content>p 当光标放置在p之后时,可以通过Tab键来扩展,ZC会从光标处开始向左侧搜索到第一个空白处,之间的代码作为ZC缩写,这样不必每次打开新行输入,提高了效率,缺点就是不能够实时预览。 2、嵌套代码 如上图所示,可以实现在已经写好的代码外面嵌套其他的代码,实现方式是将光标放置到想要嵌套的标签上,然后使用Control + Alt + Enter 呼出ZC的命令行,就可以了。 其实Zen Coding还提供了很多方便代码编写的操作,例如标签匹配、返回上一个/下一个编辑点、更新img标签、合并行等,但是因为在Sublime Text中没有提供完整的支持,所以这些特性还无法使用。 其余插件: ①jQuery Package for sublime Text 习惯使用jQuery者必备 ②Sublime Prefixr Prefixr,CSS3 私有前缀自动补全插件 ③JS Format JS代码格式化插件。 ④Placeholders 占位用,包括一些占位文字和HTML代码片段,实用。 ⑤Sublime Alignment 用于代码格式的自动对齐,最新版Sublime 已经集成。 ⑥Tag一些有代码洁癖的程序猿很适合这个插件,HTML代码格式化能使html代码更加漂亮整洁。 ⑦JsMinifier 该插件基于Google Closure compiler,自动压缩js文件。 ⑧Sublime CodeIntel 代码自动提示 ⑨Bracket Highlighter 类似于代码匹配,可以匹配括号,引号等符号内的范围。 ⑩GBK to UTF8 将文件编码从GBK转黄成UTF8,快捷键Ctrl+Shift+C

(0)

相关推荐

  • Sublime Text 2入门高超使用技巧

    sublime使用技巧 1:安装漂亮的编程字体 http://pan.baidu.com/s/1xMex9 下载"程序编写字体 – Yahei Consolas Hybrid", 双击安装 2:解压s ...

  • 自己打造Sublime Text 3 开发编辑神器

    在windows下是绝对的神器,Notepad++之类的无可比拟;linux下,因为有个vim,鄙人对vim不懂,所以孰好孰更好,不好说。总结起来就是,神器一般的轻量级的面向php、python等开发 ...

  • sublime text2 使用技巧心得小结

    sublime text2是开发代码编辑的神器 ,编辑器界面优美,操作速度快速。而且Sublime Text2是一款跨平台的编辑器,再也不用为换平台而找不到合适的、熟悉的编辑器担忧了。 Sublime ...

  • 带你了解Sublime Text的使用

    Sublime Text算是前端开发中最常使用的文本编辑器之一,对于前端工程师来说熟悉手中的编辑器就像熟悉筷子一样重要。Sublime Text的入门文章网上已经太多了,本文只关注能提升前端工程师工作 ...

  • Sublime Text 全程指南

    摘要(Abstract) 本文系统全面的介绍了 Sublime Text,旨在成为最优秀的 Sublime Text 中文教程. 更新记录 2014/09/27:完成初稿 2014/09/28: 更正 ...

  • Sublime Text 2中文显示乱码的解决方法

    Sublime Text 2中文显示乱码的解决方法

  • Ubuntu系统下安装Sublime Text 2的方法

    Ubuntu系统下安装Sublime Text 2的方法

  • 将Sublime Text 2固定到Ubuntu启动器的方法

    Sublime Text 2是我用过的感觉最好的代码编辑器,UI和插件管理都很棒,而且现在处于无限期可以免费试用中,Ubuntu也是我最喜欢的Linux操作系统。因为Sublime Text并不是需要 ...

  • sublime text2小技巧.帮助您写代码是越写越快

    SublimeText2 支持但不限于 C, C++, C#, CSS, D, Erlang, HTML, Groovy, Haskell, HTML, Java, JavaScript, LaTeX ...