Sublime Text3--安装使用教程资料整理

Sublime Text快捷键：

Ctrl + ←/→进行逐词移动，相应的，Ctrl + Shift + ←/→进行逐词选择。

Ctrl+Shift+P：打开命令面板
Ctrl+P：搜索项目中的文件
Ctrl+G：跳转到第几行
Ctrl+W：关闭当前打开文件
Ctrl+Shift+W：关闭所有打开文件
Ctrl+Shift+V：粘贴并格式化
Ctrl+D：选择单词，重复可增加选择下一个相同的单词
Ctrl+L：选择行，重复可依次增加选择下一行
Ctrl+Shift+L：选择多行
Ctrl+Shift+Enter：在当前行前插入新行
Ctrl+X：删除当前行
Ctrl+M：跳转到对应括号
Ctrl+U：软撤销，撤销光标位置
Ctrl+J：选择标签内容
Ctrl+F：查找内容
Ctrl+Shift+F：查找并替换
Ctrl+H：替换
Ctrl+R：前往 method
Ctrl+N：新建窗口
Ctrl+K+B：开关侧栏
Ctrl+Shift+M：选中当前括号内容，重复可选着括号本身
Ctrl+F2：设置/删除标记
Ctrl+/：注释当前行
Ctrl+Shift+/：当前位置插入注释
Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的
Ctrl+Shift+A：选择当前标签前后，修改标签用的
F11：全屏
Shift+F11：全屏免打扰模式，只编辑当前文件
Alt+F3：选择所有相同的词
Alt+.：闭合标签
Alt+Shift+数字：分屏显示
Alt+数字：切换打开第N个文件
Shift+右键拖动：光标多不，用来更改或插入列内容
鼠标的前进后退键可切换Tab文件
按Ctrl，依次点击或选取，可需要编辑的多个位置
Ctrl + ↑/↓移动当前显示区域，Ctrl + Shift + ↑/↓移动当前行。
ctrl+[/]缩行
ctrl+tab转换窗口；

来源： <http://www.daqianduan.com/4820.html>

看下这三篇文章，入门应该不成问题，

http://zh.lucida.me/blog/sublime-text-complete-guide/
http://lucifr.com/139225/sublime-text...
http://www.qianduan.net/essential-to-...
http://www.iplaysoft.com/sublimetext....

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

http://www.cnblogs.com/zhcncn/p/4113589.html

http://blog.csdn.net/freshlover/article/details/44261229
当然，谷歌是最好的老师。

1.使用go to anything的快捷键：ctrl+p

2.ctrl+p:搜索@符号，可以快速跳转各个选择器或者函数之间；输入#可进入当前页面各部分元素内。

3.shift+ctrl+p，召唤命令行，搜索html/css/js可以快速进入相关默认语法alt模式中

在这里边输入key bindings可以查看sublime text中的快捷键

reident lines可以调整首行缩进。

4.ctrl+H,搜索替换的功能，及find&replace
5.ctrl+D也可以完成上述的操作，ctrl+k跳过

多行游标操作，后边鼠标闪动

alt+F3,全选

shift+鼠标右键，竖直向下拖动，也能产生多行游标。

Shift + ←/→或Ctrl + D选中关键字，然后F3跳到其下一个出现位置，Shift + F3跳到其上一个出现位置，此外还可以用Alt + F3选中其出现的所有位置（之后可以进行多重编辑，也就是快速替换）。

6.ctrl+N新建一个空文件

7.ctrl+shift+D复制一行到下一行

8.alt+.自动给出结束标签

9.trl + Enter在当前行下面新增一行然后跳至该行；Ctrl + Shift + Enter在当前行上面增加一行并跳至该行。

10.ctrl+}/]对选中的区域集体缩进

11.ctrl+shift+v粘贴时会保持缩进。

12.召唤出命令行，输入set syntax javascript,也可以输入ssjs

13.ctrl+j合并为同一行；

14.呼出控制台，ctrl+`，输入sublime.log_commands（True),确认，接着，在命令行输入刚刚redient lines，然后控制台会输出相关命令的名字和参数，下面是我自己在key bings-user的设置：

{ "keys": ["shift+tab"], "command": "reindent" ,"args":{"single_line": false}},

15.使用上面介绍的快速文件切换功能，可以很轻易地打开/切换到自己想要编辑的文档了，但如果这个文件的代码很长很长，想要轻松跳到要编辑的地方又有什么好方法呢？ Sublime Text 2 早就帮你想好了，同样是按下前面所说的 Ctrl+P(Win) 或 Shift+Command+P(Mac)，这次试试先输入一个 @ 号看看？嗯，好样的！这列表马上帮你罗列出这文件里全部的 Function 了！同样使用模糊匹配，快速输入几个关键字，马上就能定位到那个Function去了！！！在需要不停在多个Function之间跳转的时候这个功能尤显实用～妈妈再也不用担心我找函数找到蛋疼了！当你编辑的是HTML时，这货给你罗列的则是HTML的各个ID元素，相信搞前端的同学们都鸡冻了吧。较有意思的是，对于Markdown，Ctrl + R会列出其大纲，非常实用。

1.ConvertToUTF8解决中文乱码的问题

2.安装advancednewfile插件，ctrl+alt+n新建文件并自动保存

3.nettus fetch维护更新我们的类库

4.先安装的sublimelinter,接着安装了sublimelinter-jshint,然后再用node.js控制台，npm install -g jshint安装jshint

5. Alignment

Alignment 是一个代码格式化插件，它可以使多行代码中的等号对齐，也可以调整多行代码为一个缩进级别，默认快捷键是现在通过选中文本并按 Ctrl + alt + A 就可以进行对齐操作了。

别安装html snippets,会有重复的<出现 zconding

6.https://github.com/titoBouzout/SideBarEnhancements#f12-key

sidebarenhancement配置,可以指定浏览的浏览器

SideBarEnhancements 侧边栏增强

SideBarEnhancements本是增强侧边栏的插件，这里将教大家如何用来做sublime text 3浏览器预览插件，并可自定义浏览器预览的快捷键。

安装此插件，点击工具栏的preferences > package setting > side bar > Key Building-User，键入以下代码，这里设置按Ctrl+Shift+C复制文件路径，按F1~F5分别在firefox，chrome，IE，safari，opera浏览器预览效果，当然你也可以自己定义喜欢的快捷键，最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。

[

/*{ "keys": ["alt+f12"],

"command": "side_bar_open_in_browser",

"args":{"paths":[], "type":"production", "browser":""}

},*/

{ "keys": ["ctrl+shift+c"], "command": "copy_path" },

//chrome

{ "keys": ["f1"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe",

"extensions":".*"

}

//firefox

{ "keys": ["f2"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "E:\\软件\\Firefox\\firefox.exe",

"extensions":".*" //匹配任何文件类型

}

//ie

{ "keys": ["f3"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "C:\\Program Files\\Internet Explorer\\iexplore.exe",

"extensions":".*"

}

]

7. GBK to UTF8

将文件编码从GBK转黄成UTF8，快捷键Ctrl+Shift+C

8.status bar time

9.Sublime Text 2 在界面上比较有特色的是支持多种布局和代码地图，也提供了 F11 和 Shift+F11 进入全屏免打扰模式，文字难描述，看下图吧。

10.bracket highlighter

BracketHighlighter 高亮显示匹配的括号、引号和标签

来源： <http://www.iplaysoft.com/sublimetext.html>

11.JSformat 你也可以使用这个插件的热键“CTRL+ALT+F”进行整理

JsFormat javascript格式化有时从网上扒了人家的js代码来学习学习，打开发现被压缩了，这时就可以用JsFormat插件格式化js代码，恢复未压缩时候的排版，挺给力的。按快捷键Ctrl+Alt+F即可格式化当前的js文件了。

12.Color Highlighter

　　这个插件我等了很久了，我最早用Sublime Text写CSS时候就在想“这堆颜色码谁知道是什么颜色”… Color Highlighter这个插件会检测CSS文件中的颜色码，不论是Hex码或者RGB码都能很好的显示。Color Highlighter能够设置成用背景色或者边框提示颜色，我一般在Settings里做这样的设置：　

1	`language-http" { "ha_style": "filled", "icons": false }`

http://docs.emmet.io/cheat-sheet/


link: <link rel="stylesheet" href="" />

link:css: <link rel="stylesheet" href="style.css" />

style: <style></style>

script: <script></script>

script:src: <script src=""></script>

img: <img src="" alt="" />

主题：

1.Flatland

2.Spacegray

3.cobalt2

4.Nexus

5.solarized（默认中）

"color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",

"theme": "Flatland Dark.sublime-theme",

F12 key conflict

On Sublime Text 3 F12 key is bound to "goto_definition" command by default. This package was conflicting with that key, this no longers happens. You need to manually add the keys now: Go to Preferences -> Package Settings -> Side Bar -> Key Bindings - User and add any of the following:

[

        { "keys": ["f12"],

            "command": "side_bar_open_in_browser" ,

            "args":{"paths":[], "type":"testing", "browser":""}

        },

        { "keys": ["alt+f12"],

            "command": "side_bar_open_in_browser",

            "args":{"paths":[], "type":"production", "browser":""}

        },

        {

            "keys": ["ctrl+t"],

            "command": "side_bar_new_file2"

        },

        {

            "keys": ["f2"],

            "command": "side_bar_rename"

        },

    ]

来源： <https://packagecontrol.io/packages/SideBarEnhancements>

我个人使用的是Nexus主题和Flatland Dark配色，配置如下：

12	`"theme": "Nexus.sublime-theme", "color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",`

添加以下代码激活 Soda Light 主题：

{

  "theme": "Soda Light.sublime-theme"

}

references > Settings – Users

{

"caret_style": "phase",

"color_scheme": "Packages/User/SublimeLinter/cobalt2 (SL).tmTheme",

"draw_white_space": "all",

"ensure_newline_at_eof_on_save": true,

"font_size": 13,

"highlight_line": true,

"highlight_modified_tabs": true,

"ignored_packages":

[

"open_files_in_new_window": false,

"rulers":

[

80,

100

"tab_size": 2,

"theme": "Cobalt2.sublime-theme",

"translate_tabs_to_spaces": true,

"trim_trailing_white_space_on_save": true

}

我快捷键的设置：

[

/*{ "keys": ["alt+f12"],

"command": "side_bar_open_in_browser",

"args":{"paths":[], "type":"production", "browser":""}

},*/

{ "keys": ["ctrl+shift+c"], "command": "copy_path" },

//chrome

{ "keys": ["f1"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe",

"extensions":".*"

}

//firefox

{ "keys": ["f2"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "E:\\软件\\Firefox\\firefox.exe",

"extensions":".*" //匹配任何文件类型

}

//ie

{ "keys": ["f3"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "C:\\Program Files\\Internet Explorer\\iexplore.exe",

"extensions":".*"

}

{ "keys": ["shift+tab"], "command": "reindent" ,"args":{"single_line": false}},

]

便携款：

http://segmentfault.com/a/1190000000707661

这次安装，先不要着急打开Sublime Text。为了以后安装方便，决定不再使用系统默认的Packages安装路径C:\Users\Administrator\AppData\Roaming\Data，在Sublime Text2的安装目录下新建文件夹/Data，该文件夹创建完成后再打开Sublime Text程序，我们发现，Packages被安装在了当前创建的文件夹下（我的路径是D:\Program Files\Sublime Text 2\Data）。稍后把其他必备插件装全了，我们备份一下Sublime Text 2文件夹，这样以后走到哪都可以无须一步步重新安装，快速部署我们的Sublime Text环境。

Data 文件夹(注意大小写)