小贴士：文末免费下载链接喔！

一、 前言

启用Text好些年了，版本从2升至3，然而恰似寒天喝冰水，其中冷暖唯有自己清楚。起初同样不知该从哪儿着手，在各处寻觅资料，可是能找到的那些，因它们零碎、片面，欠缺系统性与全面性，故而一路走来，消磨了本人诸多时间与精力。所以萌生出撰写这篇名为《Text 3 全程详尽指南》这样的念头，一方面是为了对自身的经验予以一番总结，另一方面是能够给刚开始接触的人提供一套系统且全面的引导，使得他们避开我当年所走过的那些曲折路径，借此能够迅速地精通 Text 此种出色的编辑器。

此刻我所运用的版本乃是Text 3 Build 3083的beta版本，已然颇为稳定，所以本文里所有的讲解都以这个版本作为标准，并且以7 x64平台当作示例，至于其他的版本也不会存在太大的不同之处。

二、  Text 特点

1、Text 是一款可在 Linux 上使用的跨平台代码编辑器，Text 也是这款可在 OS X 下使用的跨平台代码编辑器。

2、Text具备可扩展性，且含有诸多实用插件，在此条件下，我们能够依据自身领域去安装插件，进而以倍数形式提升工作效率。

3、Text 是命令行环境里最佳选择之物焉，况且此亦为图形界面环境下最佳选择之物焉，与此同时，若将两者一块儿使用，那么工作效率将会大幅度提升焉。

4、Text属于收费软件，建议具备能力的人支付费用来使用，从而对开发者予以支持。然而即便不进行购买，也能够持续使用。

三、下载与安装

就目前而言，官方所推出的正式版本是v2.0.2 ，我们去將官网下载链接http://www..com/3打开，把Text 3 Build 3083下载下来。

其中sublime text 2 官网，名为“64 bit”的内容，下载下来后所得的是“Text Build 3083 x64 Setup.exe”这样的安装程序；而名为“ ”的内容，下载下来后得到的是“Text Build 3083 x64.zip”编辑器的包，解压这个包之后，不需要进行安装便能够运行。

要是你的电脑平台属于x86，也就是那种32位的系统，那就去点击“”来下载32位的安装程序，要是不想进行安装，那就点击它后面的“ ”去下载其32位的编辑器包。

2、进行安装操作时，需先双击上一步所下载下来的那个名为“Text Build 3083 x64 Setup.exe”的文件，而后要留意选择一项名为“Add to menu”的选项，借此将其归入右键快捷菜单之中。至于其他方面，则按照默认设置来执行安装。

3、完成安装后，对桌面“Text 3”快捷图标实行双击操作将程序打开那可就能见到“Tex”的真实面貌了。

假如你并非将“Text 3”安装于默认路径，比如说，你是把它安装在D盘，那么请你添加环境变量。

四、设置字体及字体大小

点菜单“---> - User”，打开“.-”。

如下图，添加所需代码，依据自身喜好去进行设置，设置字体时用"":"字体名称"，设置字体大小时用"":"字体大小"，留意它们之间得用逗号隔开。

五、安装插件

在对Text扩展插件开展安装学习之前，让我们先行去了解一下它的插件官方网站，其网址为https://.io/。

我们于搜索框内输入插件关键字情况下此时，相关插件会于下方实时呈现出来，而后，自己所要的插件可供我们去选择以作了解。

1、安装

此乃为插件管理包起见，我们首要之事便是将其予以安装。待有此物之后，那么我们便能够以颇为便利之态去浏览、安装以及卸载Text之内的插件。

开启那个网页https://.io/ ，将右侧的“Now”按钮点选一下。

去到https://.io/#st3这个页面，然后挑选“ TEXT 3”选项卡，接着从中复制出里面的代码段。

import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; 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)

用手指双击放置于桌面上的“Text 3”以此来开启程序，经由快捷键Ctrl + `去打开Text控制台，把先前复制好的代码粘贴进控制台之内，再按下“”键。

等待它结束安装操作而完成之后，将程序予以关闭，把“Text 3”再次进行启动。点开菜单之后出现“ ”的项目，通过这可表明插件管理包已经成功完成了安装。

2、 插件安装

a)功能阐述： 具有这样的功用，即能够把并非UTF8编码的别的编码格式的文件，于Text之中转变成UTF8编码，在开启文件之际，起初会呈现出乱码的状况，紧接着在一转眼之间就会自动展现出正常的字体样式，当然了，在存档文件之后，原文件的编码模式不会发生改变。

b)安装方法其一：通过快捷键Ctrl+Shift+p，将 “ ” 悬浮对话框予以打开，于顶部输入 “”，随后往下选择并点击 “ : ”此操作。

于呈现的悬浮对话框以内，录入“”这一内容，随后，对下方的“”插件予以点选，此刻将会自行启动安装流程，请保持耐心等候。

等插件安装达成成功状态之后，Text 3编辑器底部的状态栏那儿会出现安装成功的相关提示。

c)安装之道别样法：你能够先去下载完整之插件包而后解压开来，接着放置于C:\Users\\\\ Text 3\这个目录里边，如此这般方可达成安装插件之目标所示意思。其下载地址为：https://.com//。

按照怎样的方式才能找出目录呢，有一种迅速的办法是，把你的 “Text 3” 双击进行打开操作，再去点击"---> ..." 这样位置的菜单。

它会径直开启插件包所存放的目录 “”sublime text 2 官网，之后便能将下载并解压好的插件包复制到这个目录当中。

的确，要是你对git有所了解，那你能够借助git把插件包自插件的库直接克隆至目录之下。

重要提示：往后所有插件均可历经上述所讲的两种方式来进行安装，后续将不会再作多余叙述阐释，在此推荐方法一，也就是运用“ ”去安装那插件哟。

3、 插件

功能说明：高亮显示匹配的括号、引号和标签。

插件地址：https://.com///tree/

4、LESS 插件

功能说明：LESS语法高亮显示。

插件地址：https://.com/danro/LESS-

5、- 插件

功能说明：将less文件编译成css文件。

插件地址：https://.com///tree/

以辅助工具而言，于安装之后乃是要从https://.com//less.js-开展下载less.js-，随后对less.js-的环境变量予以配置。

6、Emmet 插件

它的功能说明如下，Emmet的前身是那声名远扬的Zen codin呢，其属于前端开发必定需要的，是HTML、CSS代码能够快速进行编写时所必需的工具呢。

使用方法：默认快捷键 Tab

插件地址：https://.com//emmet-

要使用的辅助工具是PyV8，其对应的下载地址为https://.com//pyv8-。

留意，Emmet插件需PyV8插件予以支持，故而于安装Emmet时，会自动去安装PyV8插件，要是安装后Emmet无法正常得以保用，极有可能是因PyV8未安装完备，Text 2以及3容易出现此种问题。你能够将其删除，接着手动去下载，运用方法二安装PyV8插件。

比如使用方法的示例：书写代码，其中ul#nav>li.item$*8>a{Item $}。

接着，将光标的位置确定于这一行代码的末尾地方，按下Tab键，便会自动产生出：

针对更多且更为详细的使用方式，可去查阅 Emmet 官网，其官网网址为：http://docs.emmet.io/。

7、 插件

功能说明：代码格式化。

使用方法：在打开的文件里点右键，选择。

插件地址：https://.com//

8、 插件

功能说明：显示所选颜色值的颜色，并集成了

插件地址：https://.com//

于 16 进制的颜色值那儿点右键，随后选择“color”，这时会出现弹性颜色拾色器，在所需的色块之上单击。

看看效果，颜色值和显示颜色都相应做了改变。

9、 CSS  插件

功能说明：使CSS属性展开及收缩，格式化CSS代码。

使用方法：按 Ctrl+Alt+

收缩CSS代码为一行显示，按 Ctrl+Alt+

展开CSS代码为多行显示。

插件网址是，https://gist..com// ，又或者是，https://.com//。

快捷键 Ctrl+Alt+

收缩CSS代码为效果：

快捷键 Ctrl+Alt+

展开CSS代码为多行显示效果：

10、 插件

功能说明：快速生成文件模板。

使用方法：默认的快捷键如下，如果快捷键设置冲突可能无效。

摁下Ctrl键，同时摁下Alt键，再摁下h键，进行新建html文件的操作流程。

电脑操作中，按下Ctrl键及Alt键后，再按下j键，以此来进行新建文件的操作。

按下Ctrl与Alt键，再按下键盘上的c键，该操作旨在新建一个专门用于样式设置的css文件。

同时按下Ctrl键、Alt键以及字母p，用于创建新建php文件。

按着Ctrl键，同时按下Alt键，再按下r键，用以创建新的ruby文件。

Ctrl+Alt+Shift+p     新建 文件

插件地址：https://.com//

下面所展示的图片，是通过按下快捷键Ctrl + Alt + h之后，新创建而成的一个html文件。

符合要求的模板是 tmpl 格式的文件，这些文件被存放于 C:\Users\ \\\ Text 3\\\之中。

当然啦，你能够依照自身的喜好去变更模板格式，比如说，将“html.tmpl”改作早期的html标准格式之后进行保存。

目前依照快捷键Ctrl + Alt + H，去创建一个html文件，该文件格式与更改之后的那个模板格式完全一致，呈现情况如下所示：像这样一幅图。

你能够增添语言，你还可行使增加模板文件夹里不存在的文件模板的这一行为，并且去展开做对应设置以运用该项功能，具体展开操作时能够参照它的中文文档：http://www..com/blog//---/。

11、 插件

功能说明：使代码格式的自动对齐。

运用的方法是：快捷按键Ctrl键与Alt键以及A键，大概和QQ截图存在冲突，这二者之中的一个需要重新设置快捷按键。

插件地址：https://.com//

12、 插件

功能说明：自动补全文件(目录)名。

插件地址：https://.com//

安装完毕之后，便能够前来测试怎样进行使用，首先以css档案予以示范，在输入href=””之际，Text会以当前正在编辑档案的路径作为中心，对该路径之内的所有档案作出判断。

它以这个档案作为供样照，如此这般会行进采用捕捉的动举趋向于跟abc.html处于等价层级的档案排列序列中的每一事例范围之内。

这次我们所要进行连系的，是处于css资料夹当中的auto.css，因此，我们直接去衔接并打上css/，如此便将会出现处于css资料夹内的档案，整个运用方式依此类推。

b)像是

的部分也是一样的方式，没什么困难了，弄懂一下路径就好了。

c)接着瞧一瞧，css档倘若要用url，同样是运用相同的方式，仅仅是因为要连接到处于上一层的资料夹里的arrow.png，所以就在前面键入..(上层)，依照顺序去选取路径便可。

13、 插件

功能说明：能够迅速生成，(ES6)语言的函数注释，PHP语言的函数注释，Haxe语言的函数注释，Java语言的函数注释，C语言的函数注释，C语言的函数以及C++语言和Rust语言的函数注释。

以下是一种改写：运用方式是，于函数之上输入 /** ，接着按下 Tab 键，便会自行生成注释。

插件地址：https://.com//-

在函数上面输入/** ,然后按Tab 就会自动生成注释。

14、 插件

功能说明：智能提示。

插件地址：https://.com//

15、HTML-CSS-JS  插件

功能说明：HTML、CSS、JS格式化。

插件地址：https://.com//-

安装方式为：在安置此一套零件组合件之前，务必要先将node.js安装妥当，明确指出node.exe这个可执行文件所处在的具体位置。靠着这样的操作，再去做HTML-CSS-JS的安装工作。

它的使用方法是这样，采取如下方式，先是找到View选项，接着选择Show，或者呢，运用快捷键，也就是Ctrl加上`这个组合键，之后在命令列的相应位置输入 :view然后加个点，再加上括号以及括号内的双引号"，最后按下Enter键。

使用方法二：默认快捷键：Ctrl+Shift+H。

你同样能够自行去设置快捷键，于菜单 “---> Key – User”这当中新增：

{    "keys": ["ctrl+shift+o"],    "command": "htmlprettify"}

在其完成之后进行保存，上述代码所设定的用于执行此插件的快捷键为，Ctrl 加 Shfit 加 O，要是自行设定的情形下，那就需要去测试一番，且不可与其他快捷键产生冲突。

格式化前：

格式化后：

16、 插件

功能说明：侧栏菜单扩充功能。

插件地址：https://.com///tree/st3

17、View In  插件

功能说明： Text保存后网页自动同步更新。

插件地址：https://.com//-view-in-

使用的方式是，于已然打开的文档的随便一处地方点击右键，从中挑选“View In ”，如此便会借由默认的浏览器自行将该文件打开。

假使你电脑之中安装着多个浏览器，你想要去更换别的用来当作此操作的默认浏览器，你能够依照以下方法来进行设置：

打开“View In .-”，写入以下代码：

{    "browser": "chrome64"}

如此这般，你也就将其设定为默认的“”浏览器了，当然咯，你也能够把它改成“”、“”之类的，条件是你的电脑在之前就已经安装好这些浏览器哒。

18、 插件

功能说明：调试网页实时自动更新。

使用说明：快捷键 Ctr+Alt+V

插件地址：https://.com/dz0ny/-

同时浏览器也要安装 的扩展插件。

19、 插件(win下需要安装有客户端支持)

功能说明：版本控制工具。

插件地址：https://.com//-

20、Theme-Soda 插件

功能说明：最受欢迎的 Text 主题之一。

插件地址：https://.com//soda-theme

完成安装之后，点击菜单，找到“---> - User”这一项，依据所需要的主题呈现效果，去添加下面这样的代码。

Soda 亮色主题请添加：

{    "soda_classic_tabs": true,    "theme": "Soda Light 3.sublime-theme",}

Soda 暗色主题请添加：

{    "soda_classic_tabs": true,    "theme": "Soda Dark 3.sublime-theme",}

要达成图里呈现的那种效果，你仍旧得去下载与之相匹配的color，其下载地址是http://..com/soda-theme//-.zip ，要是你对Soda Dark以及其他相关情况感兴趣，我向你提议去使用它，这个color属于Soda的具有增强性质的东西，再结合相关条件状况，将会大幅度改进相关内容的语法高亮呢。

如果加代码 "":true，文件标签页形状会如下显示：

如果不添加此行代码，文件标签页形状会如下显示：

21、Theme- 插件

功能说明：最受欢迎的 Text 主题之一。

插件地址：https://.com//

22、Theme-Nexus 插件

功能说明：最受欢迎的 Text 主题之一。

插件的地址是，https://.com//nexus - theme。

六、插件列表

能够快捷使用的键是Ctrl+Shift+P，于对话框当中进行键入“list”这个，进而从中挑选 “ :List ”。

能将所有已安设的插件列举出来。如此一来就能够颇为便利地知晓自身已然安装了哪些插件。

七、移除插件

在某些时候，我们是要去把自身不想要的插件给移除掉的，其具体的操作情况是像下面这样的，先是要按下快捷键Ctrl + Shift + P，之后在对话框里输入“”，接着去选择“ : ”。

然后在出现的插件列表中点选你要移除的插件。

八、 Text 的窗口操作

1、分屏

存有多种分屏形式的Text，让我去具体地瞧一瞧。 在菜单 “View-à”之上能够选定你的分屏样式。

对应的快捷键与分屏情况如下：

按住Alt键，同时按下Shift键，再按下数字1，呈现出独屏状态。

按下Alt键，同时按下Shift键，再按下数字2，出现冒号2，实现纵向两栏分屏显示。

按下Alt键，再按下Shift键，然后按下数字3键，此时显示英文冒号3，其作用是实现纵向三栏分屏。

按下Alt键与Shift键，再按下数字4键，此时显示为冒号4，其作用是进行纵向四栏分屏。

按下Alt键的同时，再按下Shift键，接着按下数字8，行数为2，呈现横向二栏分屏的状态。

Shift跟加Alt以及数字9 ，行数是三 ，进行分三栏那样基于横向的屏幕划分。

在键盘上，按下Alt键、加上Shift键、再按下数字5，这一组合操作，会涉及到Grid，进而达成一种呈现为四格式的分屏效果。

2、创建新窗

快捷键Ctrl+Shift+N 创建一个新窗口。

原文所对应的链接是，https://www..com//p/.html。

如有侵权请联系删除！