1.2、开发工具——sublime篇

1、Goto Anything（文件嵌套较多时用）

（1）ctrl + shift + p： 快速更改文件类型​；​新建文件后语法模式的切换：ctrl +shift +p --->js（或其它）

（2）ctrl+p： 

① 快速查找并打开文件 如：wista/index.html；​

②​ 快速定位并边界 如：@body 可以快速定位到当前文件的body标签；

③ 符号导航，在CSS或者JavaScripte文件中，”@“+选择名称，可以帮我们直接搜索导航到匹配的选择，如在CSS中查找选择器，在JS文件中查找函数，在@符号前也支持添加路径访问，如：css/boot@body

注：也可以把上面两个操作合二为一 如wista/index.css@body 可以快速打开index.css文件并找到body标签。

2、多行游标​（ESC可退出）

​① Ctrl+H ：查找替换

​② Ctrl+D ：选择游标所在单词，连续Ctrl+D 实现多行选择（选择与第一次选择相同的单词）

③ CTRL+L :选择游标所在行​ 

​④ Ctrl+K Ctrl+D 跳过当前选择，选择下一个

​⑤ Ctrl+shirt+D：复制游标所在行

​⑥ Alt+F3：选择所有与游标所在单词相同的单词

​⑦  Ctrl+shirt+V：保持格式粘贴

3、​快速新建一个HTML的头部

​sublime安装emmet插件——>ctrl+n，ctrl+s——>输入“!”（半角），然后按“tab”。

4、安装主题

（1）​安装 package control 

① 进入官网（http://sublime.wbond.net），点击“install Now”； 

​② 选择sublime的版本 然后复制下面的代码；

​③ 进入sublime text 软件，查看（view）——>显示/隐藏控制台（show console）；

​④ 将代码粘贴进去按回车等待安装的完成；

​⑤ 安装完成后重启sublime text；

（2）安装主题​

​① 启用命令模式（ctrl+shift+p），输入package control:install package，回车；

​② 等待加载插件，加载完有很多的插件；

​③ 选择主题插件theme（主题） ****，有很多样式，可以去官网看，推荐flatland、soda、spacegray。。。在命令模式下选择一种，比如选择 theme spacegray；

​④ 等待安装，安装完成后会弹出使用说明，说明里有叫你把space eighties 下面的复制到自己用户的配置信息中，也就是“首选项（preferences）”菜单下的“设置-用户（settings user）”里将复制的代码粘贴进去。（打个逗号粘贴），保存后安装完成。

（3）​snippets以模板的方式编程

​① ctrl+shift+p——>"snippet"（选择需要的 例：snippet: Function）——>回车；

② tab键 移动光标到下一个词自动补全功能，输入前几个英文字母，按enter 自动生成一段代码结构！

（4）​安装插件（js插件）

 ctrl+shift+p​——>“package control install package“——>回车

——>”javascript“（eg：javascript & NodeJs snippets）。

（5）安装插件（jquery插件）

ctrl+shift+p​​——>“package control install package“——>回车

——>”jQuery“——>回车。

（6）安装插件（解决回调函数后多的分号）   alt+c：回调函数快捷键

ctrl+shift+p​——>“package control install package“——>回车

——>”whoCalled Function Finder“——>回车。