朱义昆：Sublime Text 3如何配置一个高效率的开发IDE

     “工欲善其事必先利其器”，今天义昆来给大家讲解一下“Sublime Text 3”的配置及遇到的一些问题，我们只聊干货，不讲无用的。

      1）安装Sublime Text3，前往www.sublimetext.com 下载对应版本即可。

2）安装Packages Control。

a)有人喜欢用手工安装，其实也挺方便的。

    按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）粘贴以下代码到底部命令行并回车：

Sublime Text 3：

importurllib.request,os; pf ='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) );open(os.path.join(ipp, pf),'wb').write(urllib.request.urlopen('http://sublime.wbond.net/'+ pf.replace(' ','%20')).read())

Sublime Text 2：

importurllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp )ifnotos.path.exists(ipp)elseNone; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf),'wb').write( urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')

                 b)自动安装。我推荐这个，只需要把hosts的文件增加：

50.116.34.243sublime.wbond.net

解决There are no packages available for installation问题：

         分析原因发现，在利用sublime进行插件下载时，sublime会调用channel_v3.json文件，点击Preferences->Package Setting->Package Control ->Setting Default，可以看到该文件是放置在网络中进行读取的，而由于GFW的原因，导致无法读取该文件（但是竟然可以直接访问？？），这也就是导致插件无法下载的原因。

          怎么办？下载channel_v3.json，放入对应文件夹，然后修改Setting Uesr为对应数据即可。下载地址如下：

链接: https://pan.baidu.com/s/1NeNcZKzGRxlAOSSQxN7Lhg 提取码: 358y

              修改Packages  Setting User代码如下：

{"auto_upgrade":true,"auto_upgrade_frequency":1,"auto_upgrade_ignore":  [  ],"bootstrapped":true,"cache_length":300,"channels":  ["D:/Program Files/Sublime Text 3/coco/channel_v3.json"  ],"debug":false,"dirs_to_ignore":  [".hg",".git",".svn","_darcs","CVS"  ],"downloader_precedence":  {"linux":    ["urllib","curl","wget"    ],"osx":    ["urllib"    ],"windows":    ["wininet"    ]  },"enable_tests":false,"files_to_ignore":  ["*.pyc",".hgignore",".gitignore",".bzrignore","*.sublime-project","*.sublime-workspace","*.tmTheme.cache"  ],"files_to_include":  [  ],"git_binary":  [  ],"git_update_command":  ["pull","--ff","--commit"  ],"hg_binary":  [  ],"hg_update_command":  ["pull","--update"  ],"http_cache":true,"http_cache_length":604800,"http_proxy":"","https_proxy":"","ignore_vcs_packages":  [  ],"install_missing":true,"install_prereleases":  [  ],"package_destination":"","package_name_map":  {  },"package_profiles":  {"Binaries Only":    {"files_to_ignore":      ["*.py",".hgignore",".gitignore",".bzrignore","*.sublime-project","*.sublime-workspace","*.tmTheme.cache"      ],"files_to_include":      ["__init__.py"      ]    }  },"proxy_password":"","proxy_username":"","remove_orphaned":true,"repositories":  [  ],"submit_url":"D:/Program Files/Sublime Text 3/coco/channel_v3.json","submit_usage":true,"timeout":30,"unmanaged_packages_ignore":  [  ],"user_agent":"Package Control v%s"}

3）汉化。

Preferences->Package Setting->Package Control->install package

4）快捷键（建议收藏）：

选择类Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。Ctrl+Shift+L 先选中多行，再按下快捷键，会在每行行尾插入光标，即可同时编辑这些行。Ctrl+Shift+M 选择括号内的内容（继续选择父括号）。举个栗子：快速选中删除函数中的代码，重写函数体代码或重写括号内里的内容。Ctrl+M 光标移动至括号内结束或开始的位置。Ctrl+Enter 在下一行插入新行。举个栗子：即使光标不在行尾，也能快速向下插入一行。Ctrl+Shift+Enter 在上一行插入新行。举个栗子：即使光标不在行首，也能快速向上插入一行。Ctrl+Shift+[ 选中代码，按下快捷键，折叠代码。Ctrl+Shift+] 选中代码，按下快捷键，展开代码。Ctrl+K+0展开所有折叠代码。Ctrl+← 向左单位性地移动光标，快速移动光标。Ctrl+→ 向右单位性地移动光标，快速移动光标。shift+↑ 向上选中多行。shift+↓ 向下选中多行。Shift+← 向左选中文本。Shift+→ 向右选中文本。Ctrl+Shift+← 向左单位性地选中文本。Ctrl+Shift+→ 向右单位性地选中文本。Ctrl+Shift+↑ 将光标所在行和上一行代码互换（将光标所在行插入到上一行之前）。Ctrl+Shift+↓ 将光标所在行和下一行代码互换（将光标所在行插入到下一行之后）。Ctrl+Alt+↑ 向上添加多行光标，可同时编辑多行。Ctrl+Alt+↓ 向下添加多行光标，可同时编辑多行。编辑类Ctrl+J 合并选中的多行代码为一行。举个栗子：将多行格式的CSS属性合并为一行。Ctrl+Shift+D  复制光标所在整行，插入到下一行。Tab 向右缩进。Shift+Tab 向左缩进。Ctrl+K+K 从光标处开始删除代码至行尾。Ctrl+Shift+K 删除整行。Ctrl+/ 注释单行。Ctrl+Shift+/注释多行。Ctrl+K+U 转换大写。Ctrl+K+L 转换小写。Ctrl+Z 撤销。Ctrl+Y 恢复撤销。Ctrl+U 软撤销，感觉和 Gtrl+Z 一样。Ctrl+F2 设置书签Ctrl+T 左右字母互换。F6 单词检测拼写搜索类Ctrl+F 打开底部搜索框，查找关键字。Ctrl+shift+F 在文件夹内查找，与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找，略高端，未研究。Ctrl+P 打开搜索框。举个栗子：1、输入当前项目中的文件名，快速搜索文件，2、输入@和关键字，查找文件中函数名，3、输入：和数字，跳转到文件中该行代码，4、输入#和关键字，查找变量名。Ctrl+G 打开搜索框，自动带：，输入数字跳转到该行代码。举个栗子：在页面代码比较长的文件中快速定位。Ctrl+R 打开搜索框，自动带@，输入关键字，查找文件中的函数名。举个栗子：在函数较多的页面快速查找某个函数。Ctrl+：打开搜索框，自动带#，输入关键字，查找文件中的变量名、属性名等。Ctrl+Shift+P 打开命令框。场景栗子：打开命名框，输入关键字，调用sublime text或插件的功能，例如使用package安装插件。Esc 退出光标多行选择，退出搜索框，命令框等。显示类Ctrl+Tab 按文件浏览过的顺序，切换当前窗口的标签页。Ctrl+PageDown 向左切换当前窗口的标签页。Ctrl+PageUp 向右切换当前窗口的标签页。Alt+Shift+1窗口分屏，恢复默认1屏（非小键盘的数字）Alt+Shift+2左右分屏-2列Alt+Shift+3左右分屏-3列Alt+Shift+4左右分屏-4列Alt+Shift+5等分4屏Alt+Shift+8垂直分屏-2屏Alt+Shift+9垂直分屏-3屏Ctrl+K+B 开启/关闭侧边栏。F11 全屏模式Shift+F11 免打扰模式

5）常用的插件推荐（根据自己的爱好）

推荐：前端开发使用Bootstrap 4 Snippets：

https://github.com/degouville/sublime-bootstrap4

Emmet：Emmet是一个可以让你更快更高效地编写HTML和CSS，节省你大量时间的插件。只需按约定的缩写形式书写而不用写整个代码，然后按“扩展”键，这些缩写就会自动扩展为对应的代码内容。

ConvertToUTF8：ConvertToUTF8 能将除UTF8编码之外的其他编码文件在 Sublime Text 中转换成UTF8编码，在打开文件的时候一开始会显示乱码，一会儿自动显示出正常的字体。

Color Highlighter：我很喜欢这个插件。当你输入不同的颜色，就会在该位置显示对应的颜色，特别好看！

BracketHighlighter：这个插件会高亮显示匹配的括号、引号和标签。

ChineseLocalization：各国语言包~~

Alignment：代码对齐。

AutoFileName：帮助你快速地在文件中写路径，自动补全文件(目录)名。

CSS Format：它是css序列化插件，支持默认多种序列方案，还可以自己配置。

JsFormat：js序列化，能排在下载插件前25位。

DocBlockr：DocBlocker 是在Sublime平台上开发一款自动补全注释插件，支持JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.等众多语言。

CTags：实现方法跳转。

SublimeTmpl：能快速生成文件模板。

SublimeCodeIntel：智能提示。

HTML/CSS/JS Prettify ：HTML、CSS、JS格式化。

LiveReload ：调试网页实时自动更新。