Sublime Text 3

1、安装Sublime Text 3css

  官网 http://www.sublimetext.com/3html

  选择对应的版本安装。完过后,要安装一个基础的、必备的包管理:Package Control,用来之后安装插件用的。前端

  Package Control安装app

  安装指导  https://sublime.wbond.net/installationide

  打开ST3,点击菜单 View -> Show Console,会在底部出现一个命令输入框,而后将上面的命令拷贝到输入框中,回车,等待,安装成功。google

2、插件安装编码

  通过上面安装了Package Control后,咱们就能够经过快捷键 Ctrl+Shift+P 打开Package Control来安装插件了。在打开的输入框中输入 install ,会根据你的输入自动提示,选择 Install Package。spa

  经常使用插件  .net

  一、ConvertToUTF8  支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的插件插件

  二、Bracket Highlighter  用于匹配括号,引号和html标签。对于很长的代码颇有用。安装好以后,不须要设置插件会自动生效

  三、DocBlockr  DocBlockr能够自动生成PHPDoc风格的注释。它支持的语言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++

  四、Emmet(Zen Coding)  快速生成HTML代码段的插件,强大到无与伦比,不知道的请自行google

  五、SideBar Enhancements  这个插件改进了侧边栏,增长了许多功能

  六、Themr  主题管理,切换主题的时候,不用本身修改配置文件了,用这个能够方便的切换主题

3、快捷键

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

4、拓展 

 |ZenCoding(前端必备,快速开发HTML/CSS,现已改名为Emmet。)

  输入div.container.div.item$3>a{$}、按tab

  

  输入div.wrapper>div.header+div.main+div.footer、按tab

  

 

  |JsFormat

  格式化js代码,这个插件颇有用,咱们有时在网上看到某些效果,想查看是怎么实现的,可是代码被压缩过,很难阅读,不用怕,用ST3打开,按下快捷键,便可让代码还原,莫非是武林中失传已久的“还我靓靓拳”。

  l Goto-CSS-Declaration,跳转到css文件该class的声明处,方便修改查看,如图下所示,注意对应的css文件要同时打开才行。

  l SCSS,支持scss的语法高亮,里面附带了好多CSS Snippet,不管现用或者改形成,均可节省很多时间。

相关文章
相关标签/搜索