SublimeText3系列（1）-装置、设置、快捷键、经常使用插件

2019年8月30日 174次阅读 来源: 铛铛铛铛

工欲善其事，必先利其器！
关于递次猿们来讲，一个轻易、疾速、跨平台的代码编辑器能够大大进步工作效力。
在前端开辟中，SublimeText是运用较为普遍的编辑器。小伙伴们现在运用的版本主要为SublimeText2与SublimeText3。SublimeText2我们不提，文中针对的版本是SublimeText3，运用的是Windows版本。

1.SublimeText3的装置

可到SublimeText的官方网站下载装置包，有Mac OSX、Ubuntu、与Windows版本。各个系统版本装置都不难题，Windows版本的装置与其他软件装置差不多，本身选好装置目次，“下一步”就OK！
这里有个小技能，在装置好SublimeText3后，先不捉急翻开Sublime递次，先在装置目次下新建一个Data文件夹，如许今后装置的插件就会放在Data文件夹中，而不是放在默许的%APPDATA%/SublimeText3/Packages中。如许今后我们换机械、重装系统只须要把SublimeText3装置目次的文件直接Copy就能够，避免了重复装置设置。

2.经常使用设置

SublimeText3的默许设置也能够，不过本身设置下，能够让本身的眼睛惬意一点，下面是我的设置，人人能够参考。翻开Preference->Setting-User能够举行用户自定义设置

{
  "ignored_packages":
  [
    "Vintage"
  ],
  // 设置字体
  /*"font_face": "Microsoft Yahei",*/
  "font_size": 16,
  // 使光标闪烁越发温和
  "caret_style": "phase",
  // 高亮当前行
  "highlight_line": true,
  // 高亮有修正的标签
  "highlight_modified_tabs": true,
  // 核心丧失后自动保留
  "save_on_focus_lost": true,
  // 显现当前文件的编码
  "show_encoding": true,
  // 设置tab键的大小
  "tab_size": 2,
  // tab转换为空格
  "translate_tabs_to_spaces": true,
  // 保留的时刻把无用的空格去掉
  "trim_trailing_white_space_on_save": true,
  // 自动换行
  "word_wrap": false,
  // 拼写搜检
  "spell_check": false,
  // 要不要滚过甚
  "scroll_past_end": true,
  // 加粗文件夹称号
  "bold_folder_labels": true,
  // 宽度指导线
  "rulers": [80],
  // 显现全途径
  "show_full_path": true,
  //禁用 Emmet 的 tab 键功用（请运用 ctrl+e）
  "disable_tab_abbreviations": true
}

3.SublimeText3经常使用疾速键

Ctrl+D 选词 （重复按疾速键，即可继承向下同时选中下一个雷同的文本举行同时编辑）
Ctrl+G 跳转到响应的行
Ctrl+J 兼并行（已挑选须要兼并的多行时）
Ctrl+L 挑选整行（按住-继承挑选下行）
Ctrl+M 光标挪动至括号内最先或完毕的位置
Ctrl+T 词交换
Ctrl+U 软打消
Ctrl+P 查找当前项目中的文件和疾速搜刮；输入 @ 查找文件主题目/函数；或许输入 : 跳转到文件某行；
Ctrl+R 疾速列出/跳转到某个函数
Ctrl+K Backspace 从光标处删除至行首
Ctrl+K+B 开启/封闭侧边栏
Ctrl+KK 从光标处删除至行尾
Ctrl+K+T 摺叠属性
Ctrl+K+U 改成大写
Ctrl+K+L 改成小写
Ctrl+K+0 睁开一切
Ctrl+Enter 插进去行后（疾速换行）
Ctrl+Tab 当前窗口中的标签页切换

Ctrl+Shift+A 挑选光标位置父标签对儿
Ctrl+Shift+D 复制光标地点整行，插进去在该行之前
ctrl+shift+F 在文件夹内查找，与一般编辑器差别的处所是sublime许可增加多个文件夹举行查找
Ctrl+Shift+K 删除整行
Ctrl+Shift+L 鼠标选中多行（按下疾速键），即可同时编辑这些行
Ctrl+Shift+M 挑选括号内的内容（按住-继承挑选父括号）
Ctrl+Shift+P 翻开敕令面板
Ctrl+Shift+/ 解释已挑选内容
Ctrl+Shift+↑能够挪动此行代码，与上行交换
Ctrl+Shift+↓能够挪动此行代码，与下行交换
Ctrl+Shift+[ 摺叠代码
Ctrl+Shift+] 睁开代码
Ctrl+Shift+Enter 光标前插进去行

Ctrl+PageDown 、Ctrl+PageUp 文件按开启的前后递次切换

Ctrl+Z 打消
Ctrl+Y 恢复打消
Ctrl+F2 设置/作废书签
Ctrl+/ 解释整行（如已挑选内容，同“Ctrl+Shift+/”结果）
Ctrl+鼠标左键 能够同时挑选要编辑的多处文本

Shift+鼠标右键（或运用鼠标中键）能够用鼠标举行竖向多行挑选
Shift+F2 上一个书签
Shift+Tab 去除缩进
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+Shift+分屏序号 将当前核心页分配到分屏序号页

Alt+. 闭合当前标签
Alt+F3 选中文本按下疾速键，即可一次性挑选悉数的雷同文本举行同时编辑

Tab 缩进 自动完成
F2 下一个书签
F6 检测语法错误
F9 行排序(按a-z)
F11 全屏形式

4.SublimeText3插件

种种插件都能够到Package Control上去搜刮

4.1 治理插件的插件PackageControl

第一个要装置的插件就是Package Control，这是一个治理SublimeText3的插件，有了它，装置、更新、删除其他插件都变得简朴。
装置要领PackageControl网站已给出，人人能够戳这里
实在就是运用Ctrl+`疾速键翻开SublimeText3的敕令行窗口，然后复制下面的代码，回车即可。

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

PackageControl可能会出问题，人人能够参考这里的解决办法。

4.2 侧边栏加强东西SideBarEnhancements

SublimeText3的侧边栏原始功用是比较少的，右键菜单只要新建，删除，重命名几个基础的功用，SideBarEnhancements增加了“放入回收站”，“浏览器翻开”等实用功用。
可运用Ctrl+Shift+P翻开敕令面板，输入Install Package运用PackageControl举行装置。
《SublimeText3系列（1）-装置、设置、快捷键、经常使用插件》
SideBarEnhancements插件能够自定义疾速键翻开浏览器预览页面，免去了本身去文件目次翻开浏览器测试的贫苦，这个功用太好太壮大~~~这里要谢谢 jeffjade童靴的分享
可通过preferences->package setting->side bar->Key Bindings-User，键入以下代码：

[   
    { "keys": ["ctrl+shift+c"], "command": "copy_path" },
    //chrome
    { "keys": ["f2"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\Users\\jeffj\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
                "extensions":".*"
            }
     }
]

这里设置按Ctrl+Shift+C复制文件途径，按F2即可在Chrome浏览器预览结果(假如须要的话，也能够依据本身的须要为Firefox，Safari，IE，Opera等加上)，固然你也能够本身定义喜好的疾速键，末了注重代码中的浏览器途径要以本身电脑里的文件途径为准。

4.3 ZenCoding语法支撑Emmet

装置同上运用PackageControl举行装置。Emmet运用CSS的语法简化了HTML/CSS代码的编写，是猿类进步效力的好朋友。
Emmet的完全语法能够参考这里

4.4 括号高亮东西BracketLighter

装置同上运用PackageControl举行装置。
对括号、html标签举行高亮显现。
《SublimeText3系列（1）-装置、设置、快捷键、经常使用插件》

4.5 色彩显现东西Color Highlighter

装置同上运用PackageControl举行装置。
对色彩代码举行高亮显现。
《SublimeText3系列（1）-装置、设置、快捷键、经常使用插件》

4.6 色彩拾取Color Picker

装置同上运用PackageControl举行装置。
装置后，运用疾速键Ctrl+Shift+C能够调出取色板
《SublimeText3系列（1）-装置、设置、快捷键、经常使用插件》

有了上面的设置和插件，基础SublimeText已能够玩的起来了，插件这东西少了不轻易，多了机子卡，实在得不偿失。
背面文章会引见一些其他的插件

    原文作者：铛铛铛铛
    原文地址: https://segmentfault.com/a/1190000004394474
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞