温馨提示：文章末尾有免费下载链接！

一、引言

我使用 Text 已经有好几年了，版本也从 2 升级到了 3。但就像大冷天喝冰水一样，只有自己知道其中的区别。刚开始的时候sublime text 3小程序，我也不知道从何下手，满世界找资料，但能找到的资料都是零散的、片面的，不够系统全面，一路上耗费了我不少的时间和精力。于是决定写这篇《Text 3 全详解指南》，既是我自己经验的总结，也是给初学者的一个系统全面的指南，让他们可以避免我当时走过的弯路，快速掌握 Text 这个优秀的编辑器。

我现在使用的版本是 Text 3 Build 3083 测试版，已经相当稳定了，所以本文所有讲解都是基于这个版本，以 7 x64 平台为例，至于其他版本，不会有太大区别。

2.文本特征

1. Text 是一个跨平台的代码编辑器，可以在 Linux、OS X 和上使用。

2、文本扩展性强，内含大量实用插件，我们可以通过安装自己领域的插件来成倍提高工作效率。

3、命令行环境和图形界面环境最好分别使用文本，同时使用两者将大大提高工作效率。

4. Text 是付费软件，建议有经济能力的用户付费购买，支持开发者，但无需购买也可以继续使用。

3.下载并安装

1、下载：目前官方版本是v2.0.2，我们打开官网下载链接，下载Text 3 Build 3083。

其中“64位”下载的是“Text Build 3083 x64 Setup.exe”安装程序；“ ”下载的是“Text Build 3083 x64.zip”编辑包，解压后即可运行，无需安装。

如果您的电脑平台是x86，也就是32位系统，请点击“ ”，下载32位的安装程序，如果不想安装，请点击后面的“ ”，下载其32位的编辑器包。

2、安装：双击上一步下载的“Text Build 3083 x64 Setup.exe”，记得选择“添加到菜单”添加到右键快捷菜单中。其他设置都使用默认设置安装。

3、安装完成后，双击桌面上的“Text 3”快捷图标打开程序，就可以看到“Tex”的真面目了。

4、如果您没有将《Text 3》安装在默认路径下，比如安装在D盘，请添加环境变量。

4.设置字体和字体大小

点击菜单“---> - 用户”，打开“.-”。

按照如下所示添加所需代码，并根据个人喜好进行设置。使用“”：“字体名称”设置字体，“”：“字体大小”设置字体大小。注意需要用逗号分隔。

5. 安装插件

在了解如何安装Text扩展插件之前，我们先来看一下它的官方插件网站：。

当我们在搜索框中输入插件的关键字之后，下方就会实时显示相关的插件，我们可以选择自己想要了解的插件。

1.安装

它是一个插件管理包，所以我们必须先安装它，通过它我们可以方便的在Text中浏览、安装和卸载插件。

在打开的网页上，点击右侧的“现在”按钮。

进入#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编码的文件转换为UTF8 in Text格式，打开文件时刚开始会显示乱码，然后瞬间就会自动显示正常字体，当然保存文件后原文件的编码格式不会改变。

b) 安装方法一：使用快捷键Ctrl+Shift+p，打开“ ”浮动对话框，在最上方输入“ ”，然后点击“：”。

在出现的浮动对话框中输入“”，然后点击下方的“”插件，就会自动开始安装，请您耐心等待。

当插件安装成功后，Text 3编辑器底部的状态栏会出现安装成功的提示。

c) 安装方法二：也可以下载完整的插件包，解压后放在C:\Users\\\Text3\目录下即可达到安装插件的目的。下载地址：。

如何找到目录？一个快捷的方法是：双击打开你的“Text 3”，点击菜单“--->...”。

它会直接打开存放插件包的目录“”。然后你可以将下载并解压后的插件包复制到此目录中。

当然如果你熟悉git的话，你也可以使用git直接从插件库中克隆插件包到目录中。

注：以后所有的插件都可以使用上面介绍的两种方法安装，就不再赘述了，我们推荐方法一，即使用“ ”安装插件。

3.插件

功能描述：高亮匹配的括号、引号和标签。

插件地址：

4. LESS 插件

功能描述：LESS语法高亮。

插件地址：

5.-插件

功能描述：将less文件编译为css文件。

插件地址：

辅助工具：安装完成后，从 下载less.js-，然后配置less.js-的环境变量。

6. Emmet 插件

功能描述：Emmet的前身是大名鼎鼎的Zen codin，是前端开发必备的工具，快速编写HTML、CSS代码的工具。

使用方法：默认快捷键Tab

插件地址：

辅助工具：PyV8下载地址：

注意：Emmet 插件需要 PyV8 插件的支持，所以在安装 Emmet 时会自动安装 PyV8 插件。如果安装后 Emmet 无法正常使用，很可能是 PyV8 安装不完整。此问题在文本 2 和 3 中容易出现，可以将其删除，然后手动下载，再使用方法 2 安装 PyV8 插件。

使用示例：编写代码ul#nav>li.item$*8>a{Item $}

然后把光标放在这行代码的末尾，按Tab键，就会自动生成：

更详细的使用方法可以参考Emmet官网：

7.插件

功能描述：代码格式化。

使用方法：在打开的文件中单击鼠标右键并选择。

插件地址：

8.插件

功能描述：显示选定颜色值的颜色，并积分

插件地址：

右键点击十六进制颜色值，选择“颜色”，弹出颜色选择器，点击需要的颜色块。

看看效果，色彩值和显示色彩都发生了相应的变化。

9. CSS插件

功能描述：展开、收缩CSS属性，以及格式化CSS代码。

使用方法：按Ctrl+Alt+[可将CSS代码收缩为一行，按Ctrl+Alt+]可将CSS代码扩展为多行。

插件地址：或：

快捷键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 新建文件

插件地址：

下图是按快捷键Ctrl+Alt+h新建的html文件。

对应的模板是tmpl格式的文件，保存在C:\Users\\\\Text 3\\\中。

当然你可以根据自己的喜好更改模板格式，比如将“html.tmpl”改为早期的HTML标准格式，然后保存。

现在按快捷键Ctrl+Alt+H新建一个html文件，其格式和修改后的模板格式一模一样。如下图：

添加新语言：您也可以添加模板文件夹中没有的文件模板，并做相应设置即可使用此功能，具体请参见其中文文档：

11.插件

功能描述：自动对齐代码格式。

使用方法：快捷键Ctrl+Alt+A，可能和QQ截屏冲突，两者之一需要重新设置快捷键。

插件地址：

12.插件

功能描述：自动补全文件（目录）名称。

插件地址：

安装完之后可以测试一下如何使用，我们以一个css文件为例，当输入href=""时，Text会以当前编辑文件的路径为中心，判断该路径下的所有文件。

a) 使用此文件作为模板，它将获取与abc.html同级的文件列表。

比如我们要链接css文件夹下的auto.css文件，那么就直接用css/来链接，这样就会运行css文件夹下的文件。整个用法都差不多。

b) 喜欢

其余部分也用同样的方法，不难，只要理解路径就行。

c) 现在我们来看看需要使用 URL 的 CSS 文件。我们使用同样的方法，但是因为我们要链接到上一级文件夹中的 arrow.png，所以我们在前面输入 ..(上一级)，然后按顺序选择路径。

13.插件

功能描述：快速为ES6、PHP、、Haxe、、Java、、C、C++和Rust语言生成函数注释。

使用方法：在函数上输入/**，按Tab键即可自动生成注释。

插件地址：

在函数上方输入/**，然后按Tab键即可自动生成注释。

14.插件

功能描述：智能提示。

插件地址：

15. HTML-CSS-JS 插件

功能描述：HTML、CSS、JS格式化。

插件地址：

安装方法：在安装此包之前，您必须先安装node.js并指定node.exe可执行文件的位置。然后安装HTML-CSS-JS。

方法一：查看->显示或者使用快捷键（Ctrl+`），在命令行中输入:view.("")，然后回车。

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

也可以设置自己的快捷键sublime text 3小程序，在菜单“--->键-用户”中添加以下内容：

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

完成后保存。上面的代码设置了执行这个插件的快捷键为：Ctrl+Shfit+O，如果自己设置的话一定要测试一下，确保不和其他快捷键冲突。

格式化之前：

格式化后：

16.插件

功能描述：侧边栏菜单扩展功能。

插件地址：

17. 查看插件

功能描述：文本保存后，网页将自动更新。

插件地址：

使用方法：在打开的文档的任意位置单击鼠标右键，选择“查看方式”，文件将自动在默认浏览器中打开。

如果您的电脑上安装了多个浏览器，并且您想将另一个浏览器更改为此操作的默认浏览器，您可以按如下方式设置：

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

{    "browser": "chrome64"}

这样你就默认设置为“”浏览器了。当然你也可以改为“”、“”等等，前提是你的电脑已经预先安装了这些浏览器。

18.插件

功能描述：调试网页实时自动更新。

使用方法：快捷键Ctr+Alt+V

插件地址：

同时还必须安装浏览器扩展插件。

19.插件（下需安装客户端支持）

功能描述：版本控制工具。

插件地址：

20. Theme-Soda 插件

功能描述：最受欢迎的文本主题之一。

插件地址：

安装完成后，点击菜单--->--User，根据所需主题效果添加如下代码。

对于 Soda light 主题请添加：

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

对于 Soda 深色主题请添加：

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

要实现图中的效果，还需要下载与之匹配的颜色。下载地址：如果你喜欢 Soda Dark，我推荐你使用它。这个颜色是 Soda 的增强，和它结合起来，会大大提高语法高亮的效果。

如果添加代码“”:true，则文件选项卡形状将显示如下：

如果不添加这行代码，文件选项卡形状将如下所示：

21. 主题插件

功能描述：最受欢迎的文本主题之一。

插件地址：

22. Theme-Nexus 插件

功能描述：最受欢迎的文本主题之一。

插件地址：

6. 插件列表

按快捷键Ctrl+Shift+P，在对话框中输入“list”，选择“:List”。

所有已安装的插件都会列出。这样您就可以轻松知道您安装了哪些插件。

7. 删除插件

有时我们需要删除不需要的插件。具体步骤如下：快捷键Ctrl+Shift+P，在对话框中输入“ ”，选择“：”。

然后在出现的插件列表中单击要删除的插件。

8.文本窗口操作

1. 分屏

Text 有多种分屏样式，让我来仔细看看。您可以通过菜单“View-à”选择分屏样式。

对应快捷键及分屏如下：

Alt+Shift+单屏

Alt+Shift+:2 将屏幕垂直分成两列

Alt+Shift+:3 将屏幕垂直分成三列

Alt+Shift+:4 将屏幕垂直分成四列

Alt+Shift+8Rows:2 将屏幕拆分为两个水平列

Alt+Shift+9Rows:3 将屏幕分成三个水平列

Alt+Shift+5Grid 四格式分屏

2. 创建新窗口

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

原文链接：

免费下载地址

文本 3

关联：

密码：wx5x

复制此内容并打开百度网盘进行解压

如有其他疑问，可以扫描二维码添加老师进行咨询。

实验班即将开课

如有侵权请联系删除！