Sublime Text 2的快速入门和常用技巧

1. 安装扩展器包管理器Package Control组件

• 点击菜单 View -> Show Console 调出控制台或者按快捷键 “Ctrl + `”（1左边的符号，可能和QQ拼音输入法和搜狗浏览器的快捷键有冲突，改下就可以）
• 输入下面的代码并按回车：

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 2
• 如果在Perferences->package settings中看到package control这一项，则安装成功。如果这种方法不能安装成功，可以到这里下载文件手动安装（https://sublime.wbond.net/installation）。

 

2. 用Package Control安装插件的方法：

• 点击菜单按下Ctrl+Shift+P调出命令面板
• 输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。
• 基本命令，install安装插件，List列出已安装插件，Remove删除已安装插件，Upgrade升级插件，Disable禁用插件，Enable启用插件

    

 

3. 常用插件介绍

• GBK Encoding Support：中文支持插件

对应gb2312来说，Sublime Text 2 本生不支持的，安装“GBK Encoding Support”插件，打开gbk编码的文件就不会出现乱码了，如果有需要转成utf-8的可以在File-GBK to UTF8-选择Save with UTF8就可以了。

 

• IMESupport

中文输入法的输入框跟随插件

 

• SublimeCodeIntel 代码自动提示

支持JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS,                         Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.

    

    快捷键如下：

    Jump to definition = Alt+Click
    Jump to definition = Control+Windows+Alt+Up
    Go back = Control+Windows+Alt+Left
    Manual Code Intelligence = Control+Shift+space

 

• ConvertToUTF8 转换GBK编码为UTF8编码

选中所有的文本，快捷键"Ctrl + Shift + C"

• JsMinifier

该插件基于Google Closure compiler，自动压缩js文件。

 

• JS Format

JS代码格式化插件，快捷键”Ctrl + Alt + F“

• AndyJS2

JS提示

 

• jQuery

jQuery函数提示插件

 

• Tag

Html代码格式化标签，快捷键”Ctrl + Alt + F“，或者点击右键找相应的功能

 

• emmet

　　新建文件快速生成Html头部信息和炫酷的代码补全

 

4. 快捷键操作

    界面：

• F11 全屏
• shift+F11 无干绕全屏
• ctrl+k+b 开关侧边栏
• Alt+Shift+数字：分屏显示
• ctrl+I  ：显示底部面板：

    编辑：

• F6 拼写检查
• Ctrl+/ 注释整行（如已选择内容，同“Ctrl+Shift+/”效果）
• Ctrl+Shift+/ 注释已选择内容
• Ctrl+D 选词 （按住-继续选择下个相同的字符串）
• Alt + F3 选中所有相同的词
• Ctrl+M 光标移动至括号内开始或结束的位置
• Ctrl+Z 撤销
• Ctrl+Y 恢复撤销
• Alt+. 闭合当前标签
• Ctrl+N：新建窗口
• Ctrl + Shift + L 将当前选中区域打散，然后进行同时编辑
• Ctrl + J 将当前选中区域合并为一行

 

    查找/替换

• Ctrl+F：查找内容

• Ctrl+Shift+F：查找并替换

• Ctrl+H：替换

• F3        查找下一个：

• shift+F3    查找前一个：

 

5.个人用户设置，菜单Preference -> Settings - User

 // 设置字体大小

 "font_size": 14,

 // 高亮当前行

 "highlight_line": true,

 // 使光标闪动更加柔和

 "caret_style": "phase",

 // 高亮有修改的标签

 "highlight_modified_tabs": true, 

// 设置tab的大小为2

 "tab_size": 2,

 // 保存时自动去除行末空白

 "trim_trailing_white_space_on_save": true,　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

 

6.Sublime Text 2运行js方法

• 安装node.js
• Sublime选择菜单 Tools --> Build System --> new Build System...，写入如下内容：

{
    "cmd": ["node", "$file"],
    "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
    "working_dir": "${project_path:${folder}}",
    "selector": "source.js",
    "shell": true,
    "encoding": "utf-8",
    "windows": {
        "cmd": ["taskkill /f /im node.exe >nul 2>nul & node", "$file"]
    },
    "linux": {
        "cmd": ["killall node; node", "$file"]
    }
}

    接着保存为 javascript.sublime-build，保存位置默认即可

• 新建一个test.js试试，按Ctrl + B 或者 F7运行

参考博客：http://www.cnblogs.com/52cik/p/3807027.html

　　　　　http://www.cnblogs.com/figure9/p/sublime-text-complete-guide.html