Sublime Text 2

常用功能:

安装Package Control:https://sublime.wbond.net/

多行选择、多行编辑
鼠标选中多行,按下 Ctrl+Shift+L (Command+Shift+L) 即可同时编辑这些行;
鼠标选中文本,反复按 CTRL+D (Command+D) 即可继续向下同时选中下一个相同的文本进行同时编辑;
鼠标选中文本,按下 Alt+F3 (Win) 或 Ctrl+Command+G(Mac) 即可一次性选择全部的相同文本进行同时编辑;
Shift+鼠标右键 (Win) 或 Option+鼠标左键 (Mac) 或使用鼠标中键可以用鼠标进行竖向多行选择;
Ctrl+鼠标左键(Win) 或 Command+鼠标左键(Mac) 可以手动选择同时要编辑的多处文本

文件切换
CTRL+P

跳转(CTRL+P)
CTRL+G    行号(:)
CTRL+R    函数(@)
CTRL+P    # 搜索文本
 
 常用插件:

CTRL+SHIFT+P-->Install Package-->选择插件安装
                         -->remove Package-->选择插件删除

1、codeFormatter / HTML-CSS-JS Prettify+node.js(下载安装):HTML,JS,CSS格式化工具(ctrl+alt+f)

把node.exe的路径加到PATH环境变量里,我的电脑-->右键-->属性-->高级系统设置-->高级-->环境变量 
 
http://jokerliang.com/html-css-javascript-and-json-code-formatter-for-sublime-text-2-and-3.html
 
 
2、emmet:快速编写HTML代码    输入代码-->tab
http://bbs.html5cn.org/forum.php?mod=viewthread&tid=10963&extra= 
3、SublimeLinter:高亮提示用户代码中的不规范和错误的写法,支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种语言,Install Package安装
 
4、CSScomb:需要安装php.exe,在http://windows.php.net/下载安装,解压后路径加到path环境变量(问LG),安装完成后,快捷键ctrl+shift+c就可以对CSS进行排序
 
5、Bracket Highlighter括号高亮显示
安装时注意,找Monokai.tmTheme文件,步骤:
第一步:ctrl+shift+p
第二步:输入Browse Packages,如下图:
Sublime Text 2

在color Scheme-Default中找到Monokai.tmTheme文件,用编辑器打开即可。

 
6、liveReload 自动更新无需手动刷新
在sublime中安装好后,还需要在chrome上安装liveReload插件,并在扩展程序中把该扩展程序的“允许访问文件网址”的勾上,最后在点击Sublime Text 2即可。
 http://eugg.blogspot.jp/2013/05/sublime-text-2-livereload-plug-in.html
7、autofilename插件
<img><a> 提示路径
http://www.yshpace.com/autofilename%E5%A5%97%E4%BB%B6/
 
8、Origami分屏插件

Ctrl+k再Ctrl+方向键,创建窗口
Ctrl+k再Ctrl+Shift+方向键,删除窗口
Ctrl+k再 方向键, 光标跳到相应的窗口

Ctrl+k再Alt+方向键,克隆当前文件到相应窗口
Ctrl+k再Shift+方向键,移动当前文件到相应窗口

sublime 自带分屏

clone一份文件 : File --> new view into file

9、光标历史位置插件Navigation History

Ctrl+Alt+左右方向键 跳转到之前的光标位置

10、jquery提示插件

11、Alignment

功能:=号对齐

简介:变量定义太多,长短不一,可一键对齐

使用:默认快捷键Ctrl+Alt+A和QQ截屏冲突,可设置其他快捷键如:Ctrl+Shift+Alt+A;先选择要对齐的文本

12、cssrem

https://github.com/flashlizi/cssrem

13、颜色

color scheme  皮肤

Color Highlighter  可以显示出颜色的色值,配置:

{ "ha_style": "filled", "icons": false }

14、注释

DocBlockr

15、原生js提示

Java​Script Completions

MAC自带python启服务:

python -m SimpleHTTPServer 8080

上一篇:DataReader用法


下一篇:前端学习 -- Css -- 文本标签