关于Sublime Text3的安装和优雅使用我有一句标特否要说

时间 2019-11-30

标签关于 sublime text3 text 安装优雅使用一句要说栏目 HTML 繁體版

原文原文链接

说在前面

古人云：“工欲善其事，必先利其器。”，因此要想更好的装逼，呸呸呸，是更好的撸码，那就必须得有一款看起来很高大上，使用起来很爽，又很轻量级的编辑器了。在不一样语言的开发环境下可能你都会有很喜欢的编辑器，但有时候你仅仅只是想写点什么或者看下别人写的东西，又不想打开你那沉重的IDE，那么你就能够选择一些轻量级的编辑器了，下面说说我知道的几款吧。javascript

notepad++： windows下的一款比较好用的文本编辑器（至少比系统的记事本好用）
vim(或者vi)：这款号称叫编辑器之神的编辑器，确实好用，有几种模式和一大堆的快捷键，有点记不住，并且在Linux操做系统下用的较多(windows的git bash里也有)
Sublime Text(简称ST)：这就是今天的主角了，他强大的插件和用法比起上面两款应该是更受青睐，下面就详细说说它的安装和一些插件安装以及快捷键(请准备好凳子。。。)

安装Sublime Text 3

首先直接去它的官网　根据本身的系统版本下载相应的安装包，可是必定要选择ST3，而不是ST2，3比2好用，真的，后面你就知道了。php

安装好后，打开后是否是发现最顶部有一个括号，里面写的未注册的英文，有强迫症的朋友估计受不了了，那么就来激活它吧。(固然，手头宽裕的仍是请支持正版！)css

点开Help，填入注册码便可去掉那个括号了。下面是亲测可用的注册码。html

—– BEGIN LICENSE —– Michael Barnes Single User License EA7E-821385 8A353C41 872A0D5C DF9B2950 AFF6F667 C458EA6D 8EA3C286 98D1D650 131A97AB AA919AEC EF20E143 B361B1E7 4C8B7F04 B085E65E 2F5F5360 8489D422 FB8FC1AA 93F6323C FD7F7544 3F39C318 D95E6480 FCCC7561 8A4A1741 68FA4223 ADCEDE07 200C25BE DBBC4855 C4CFB774 C5EC138C 0FEC1CEF D9DCECEC D3A5DAD1 01316C36 —— END LICENSE —— —– BEGIN LICENSE —– Nicolas Hennion Single User License EA7E-866075 8A01AA83 1D668D24 4484AEBC 3B04512C 827B0DE5 69E9B07A A39ACCC0 F95F5410 729D5639 4C37CECB B2522FB3 8D37FDC1 72899363 BBA441AC A5F47F08 6CD3B3FE CEFB3783 B2E1BA96 71AAF7B4 AFB61B1D 0CC513E7 52FF2333 9F726D2C CDE53B4A 810C0D4F E1F419A3 CDA0832B 8440565A 35BF00F6 4CA9F869 ED10E245 469C233E —— END LICENSE —— —– BEGIN LICENSE —– Anthony Sansone Single User License EA7E-878563 28B9A648 42B99D8A F2E3E9E0 16DE076E E218B3DC F3606379 C33C1526 E8B58964 B2CB3F63 BDF901BE D31424D2 082891B5 F7058694 55FA46D8 EFC11878 0868F093 B17CAFE7 63A78881 86B78E38 0F146238 BAE22DBB D4EC71A1 0EC2E701 C7F9C648 5CF29CA3 1CB14285 19A46991 E9A98676 14FD4777 2D8A0AB6 A444EE0D CA009B54 —— END LICENSE —— —– BEGIN LICENSE —– Alexey Plutalov Single User License EA7E-860776 3DC19CC1 134CDF23 504DC871 2DE5CE55 585DC8A6 253BB0D9 637C87A2 D8D0BA85 AAE574AD BA7D6DA9 2B9773F2 324C5DEF 17830A4E FBCF9D1D 182406E9 F883EA87 E585BBA1 2538C270 E2E857C2 194283CA 7234FF9E D0392F93 1D16E021 F1914917 63909E12 203C0169 3F08FFC8 86D06EA8 73DDAEF0 AC559F30 A6A67947 B60104C6 —— END LICENSE ——前端

这些注册码来自Sublime text 3 3103 注册码，感谢提供注册码的做者。java

Package Control安装

Package Control是一个基础的、必备的包管理，主要用来之后的插件安装。官网的安装指导。python

打开ST3，点击菜单 View -> Show Console，会在底部出现一个命令输入框，而后将上面的命令拷贝(官网的安装指导打开这个网址拷贝)到输入框中，回车，等待，安装成功。git

插件安装

插件安装方式一：直接安装

安装Sublime text 3插件很方便，能够直接下载安装包解压缩到Packages目录（菜单->preferences->packages）。程序员

插件安装方式二：使用Package Control组件安装：web

通过上面安装了Package Control后，咱们就能够经过快捷键 Ctrl+Shift+P (或者点击preferences -> Package Control)打开Package Control来安装插件了。在打开的输入框中输入 install ，会根据你的输入自动提示，选择 Install Package。以下图：

咱们输入chinese，选择ChineseLocalization安装一个语言包，安装好后菜单上的文字就会自动变成简体中文了。

ST安装与MarkDown有关的插件

Markdown 是一种方便记忆、书写的纯文本标记语言，用户可使用这些标记符号以最小的输入代价生成极富表现力的文档：譬如您正在阅读的这份文档。它使用简单的符号标记不一样的标题，分割不一样的段落，粗体或者斜体某些文字还能够颜色变换等等。

MarkDown Editing

SublimeText不只仅是可以查看和编辑 Markdown 文件，但它会视它们为格式很糟糕的纯文本。这个插件经过适当的颜色高亮和其它功能来更好地完成这些任务。
MarkDown Preview
1. 使用 Markdown Preview较经常使用的功能是preview in browser和Export HTML in Sublime Text，前者能够在浏览器看到预览效果，后者可将markdown保存为html文件。 preview inbrowser据称是实时的，可是实践上仍是须要在st保存，而后浏览器刷新才能看到新的效果，好在markdown写得多的话也不须要每敲一行看一次效果。
2. 编辑按Ctrl + N 新建一个文档使用Markdown语法编辑文档按Ctrl + Shift + P 语法高亮，输入ssm 后回车(Set Syntax: Markdown)
3. 在浏览器预览Markdown文档按Ctrl + Shift + P 输入mp 后回车(Markdown Preview: current file in browser) 此时就能够在浏览器里看到刚才编辑的文档了; 若设置了快捷键,直接(alt+m/..)便可.
4. 快捷键 st支持自定义快捷键，markdown preview默认没有快捷键，咱们能够本身为preview in browser设置快捷键。方法是在Preferences -> Key Bindings User打开的文件的中括号中添加如下代码(可在Key Bindings Default找到格式)： { "keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser"} } "alt+m"可设置为您本身喜欢的按键。
  
  注意：添加快捷键的语法相似Json，因此，若是在你添加的[]里已经有这样的代码了，记得在末尾加上英文输入法下的逗号即'，'。
5. 打印成pdf 将markdown转换为pdf应该有不少种方法的。可直接用谷歌浏览器虚拟打印功能生成。利用Markdown Preview的Preview in Browser功能能够在浏览器上看到html效果。在页面右键->打印->另存为pdf->调节页边距便可将pdf文件下载下来。

Sublime Text 3其余插件推荐

Sublime Terminal：这个插件可让你在Sublime中直接使用终端打开你的项目文件夹，并支持使用快捷键。
ColorPicker：一般，若是你想使用一个颜色选择器则可能打开 Photoshop。而在 Sublime Text 中，你可使用内置的颜色选择器。安装完成后，只要按下Ctrl / Cmd + Shift + C 快捷键。
SublimeREPL：这多是对程序员颇有用的插件。SublimeREPL 容许你在 Sublime Text 中运行各类语言（NodeJS ， Python，Ruby， Scala 和 Haskell 等等）。
Ctags插件：Sublime Text不能支持函数的跳转（好比像Eclipse那样，按住Control点击该方法或者对象，便可跳转到定义的地方； Alt+←便可回到原处）。其实Sublime Text也能够借助插件实现之（固然，有些状况下:Can not find defination）毕竟这个也是借助正则来匹配完成的。
SublimeLinter插件：SublimeLinter 是前端编码利器——Sublime Text 的一款插件，用于高亮提示用户编写的代码中存在的不规范和错误的写法，支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。这篇文章介绍如何在 Windows 中配置 SublimeLinter 进行 JS & CSS 校验。
SideBarEnhancements插件：SideBarEnhancements是一款很实用的右键菜单加强插件；在安装该插件前，在Sublime Text左侧FOLDERS栏中点击右键，只有寥寥几个简单的功能；安装了就至关于给其丰了大胸通常。更强大的是，该插件还能让咱们自定义快捷键呼出某个浏览器以预览页面！这样就不用到项目目录下寻找和拖动到特定浏览器中预览了。安装此插件后，点击菜单栏的preferences->package setting->side bar->Key Building-User，键入如下代码：
```
[   
  { "keys": ["ctrl+shift+c"], "command": "copy_path" },
  //chrome
  { "keys": ["f2"], "command": "side_bar_files_open_with",
          "args": {
              "paths": [],
              "application": "C:\\Users\\hydcoder\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
              "extensions":".*"
          }
   }
  ]
复制代码
```
这里设置按Ctrl+Shift+C复制文件路径，按F2便可在Chrome浏览器预览效果(若是须要的话，也能够根据本身的须要为Firefox，Safari，IE，Opera等加上)，固然你也能够本身定义喜欢的快捷键，application后面的路径须要换成本身的chrome安装路径。
SublimeTmpl 快速生成文件模板：sublime text 3没有新建文件模板的功能，像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件终于能够解脱了，SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板，全部的文件模板都在插件目录的templates文件夹里，能够自定义编辑文件模板。 SublimeTmpl默认的快捷键:
```
ctrl+alt+h html
  ctrl+alt+j javascript
  ctrl+alt+c css
  ctrl+alt+p php
  ctrl+alt+r ruby
  ctrl+alt+shift+p python
复制代码
```

若是想要新建其余类型的文件模板的话，先自定义文件模板方在templates文件夹里，再分别打开Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings这四个文件照着里面的格式自定义想要新建的类型。

Javascript-API-Completions:支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件，是少数支持sublime text 3的后缀提示的插件，HTML5标签提示sublime text3自带，不过JQuery提示仍是颇有用处的，也可设置要提示的语言。
DocBlockr: 代码块注释。能够快速的对函数进行注释。保持代码规范。支持多种语言,有 JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.
1. /*:回车建立一个代码块注释
2. /**:回车在自动查找函数中的形参等等。
它会生成 JSDoc 格式的注释。若是你从没有使用过相似的工具，DocBlockr 会让你以为之前没有它是如何写代码的。帮助你创造你的代码注释，经过解析功能，参数，变量，而且自动添加基本项目；若是你愿意其更为便捷，不妨再结合AutoHotKey,高效注释，由此开启。
ConvertToUTF8：支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的插件
Bracket Highlighter：用于匹配括号，引号和html标签。对于很长的代码颇有用。安装好以后，不须要设置插件会自动生效
Emmet：快速生成HTML代码段的插件，强大到无与伦比:能够超快速编写HTML/CSS/JS，固然这个插件还支持多种编译环境，如常见的：Eclipse/Aptana、Coda、Notepad++、Adobe Dreamweaver、TextMate等，web开发必备！！！
**jsFormat **：格式化js代码，强迫症Coder必备！默认快捷键Ctrl+Alt+F。
ClickableURLs：可点击的URL，使用小插件ClickableURLs可让文件中的URL可以点击。
终极必杀：本身编写专用的Sublime Text插件。虽说各个方面好比移动端，Web前段，服务器端，非Coder的Writer所须要的方便已经被集成在了不一样的插件中。但譬如，须要快捷打开PC端的某个模拟器，便捷的进行某些校验，只要你想的到的基本均可以将其在插件内，以快捷键处理之。至于如何编写SublimeText插件，请参看这里编写本身的Sublime Text2 插件。

设置属于本身的快捷键

使用SublimeText内置的快捷键：好比 Ctrl + Shift + P 打开命令面板:例如打开Package Control安装各类插件；能够能够输入Set(Snytax)来改变使用的语言环境，瞬间切换等等。

设置快捷键。在SublimeText里，打开Preferences -> Key Bindings - User，好比：

[
    { "keys": ["ctrl+f9"], "command": "build" },
    { "keys": ["f10"], "command": "build", "args": {"variant": "Run"} },
    { "keys": ["ctrl+shift+x"], "command": "toggle_comment", "args": { "block": true } }
 	]
复制代码

具体可参见Sublime Text3 快捷键汇总及设置快捷键配置环境变量

硬货(实用技巧)

Ctrl+O(Command+O)：能够实现头文件和源文件之间的快速切换
经过 View -> Side bar 可在左侧显示当前打开的文件列表
ST3虽然不像notepad++能够在sidebar上显示函数列表，可是可经过Ctrl+R查看
经过 Preference -> Key binding user 可根据我的操做习惯自定义快捷键（包括ST3自带的和插件的）
双击可选中光标所在单词，三击可选中光标所在行(等同于Ctrl＋L(Command+L));
Ctrl+Shift+T能够打开以前关闭的tab页，这点同chrome是同样的Ctrl+R定位函数；Ctrl+G定位到行；
有时咱们须要对一片区域的全部行进行同时编辑，Ctrl+Shift+L能够将当前选中区域打散，而后进行同时编辑：

有打散天然就有合并，Ctrl + J(mac下Command＋J)能够把当前选中区域合并为一行
Windows下Ctrl + ←/→进行逐词移动，相应的，Ctrl + Shift + ←/→进行逐词选择。
Sublime text 删除插件步骤：“Ctrl+Shift+P”—“Remove Package”—“找到须要删除的插件，并点击便可删除”;
编辑代码时咱们常常会开多个窗口，因此分屏很重要。Windows下：Alt + Shift + 2进行左右分屏，Alt + Shift + 8进行上下分屏，Alt + Shift + 5进行上下左右分屏（即分为四屏）
Sublime 拼写检查：使用SublimeText从事英文创做，那么启用拼写检查就很是有用处了。选择Preferences > Settings – User菜单，添加如下代码：
```
"spell_check": true,
复制代码
```

结语

因为Sublime Text很强大，因此我所知道的和这篇文章所说的也只不过是沧海一粟，冰山一角，只但愿能帮到有须要的人。也给本身的使用作一个笔记和总结。

参考文章出处：

如何优雅地使用Sublime Text3
Sublime Text 3能用支持的插件推荐
 Sublime Text3插件：加强篇
 20个强大的SublimeText插件