【⼯具使⽤篇】SublimeText3全程详细图⽂使⽤教程
⼀、 前⾔
使⽤Sublime Text 也有⼏个年头了，版本也从2升级到3了，但犹如寒天饮冰⽔，冷暖尽⾃知。最初也是不知道从何下⼿，满世界地查资料，但能查阅到的资料，苦于它们的零碎、⽚⾯，不够系统和全⾯，所以⼀路⾛来，耗费了本⼈⼤量的时间和精⼒。所以蒙⽣了写这篇《Sublime Text 3 全程详细指南》，⼀来对⾃⼰的经验是⼀个总结，⼆来可以给初学者做个系统、全⾯的指引，让他们少⾛我当时⾛过的弯路，从⽽能快速地掌握Sublime Text这个优秀的编辑器。
⽬前我正在使⽤的版本是Sublime Text 3 Build 3083的beta版本，已经相当稳定。所以本⽂所有讲解均以此版本为准，并以windows 7 x64平台为⽰例。⾄于其它的版本也不会有太⼤的差异。
⼆、 Sublime Text 特点
1、Sublime Text 是⼀款跨平台代码编辑器，在Linux、OS X和Windows下均可使⽤。
2、Sublime Text 是可扩展的，并包含⼤量实⽤插件，我们可以通过安装⾃⼰领域的插件来成倍提⾼⼯作效率。
3、Sublime Text 分别是命令⾏环境和图形界⾯环境下的最佳选择，同时使⽤两者会⼤⼤提⾼⼯作效率。
4、Sublime Text 为收费软件，建议有能⼒的⼈付费使⽤，以⽀持开发者。不过不购买也可以⼀直使⽤。
三、下载与安装
1、下载：⽬前官⽅的正式版本为v2.0.2，我们打开官⽹下载链接www.sublimetext/3，下载Sublime Text 3 Build 3083。
其中“Windows 64 bit”下载下来为“Sublime Text Build 3083 ”的安装程序；“portable version”下载下来为“Sublime Text Build 3083 x64.zip”编辑器的包，解压后⽆需安装就能运⾏。
如果你的电脑平台是windows x86，也就是32位的系统，请点击“Windows”下载32位的安装程序，如果不想安装，就点击其后的“portable version”下载它的32位编辑器包。
2、安装：双击上⼀步下载下来的“Sublime Text Build 3083 ”，记得选择“Add to explorer context menu”，把它加⼊右键快捷菜单。其它以默认设置安装。
3、安装完毕，双击桌⾯“Sublime Text 3”快捷图标，打开程序，就可以见到“Sublime Tex的庐⼭真⾯⽬了。
4、如果你不是把“Sublime Text 3”安装在默认路径，⽐如你把它安装在D盘，请你添加环境变量。
四、设置字体及字体⼤⼩
点菜单“Preferences--->Setting - User”，打开“Preferences.sublime-settings”。
如下图添加所需代码，根据⾃⼰的喜好进⾏设置。设置字体⽤"font_face":"字体名称"，设置字体⼤⼩⽤"font_size":"字体⼤⼩"，注意它们之间需要⽤逗号隔开。玳瑁生活在海洋里吗
五、安装插件
学习Sublime Text扩展插件的安装前，让我们来先了解⼀下它的插件官⽅⽹站：packagecontrol.io/。
当我们在搜索框中输⼊插件的关键字，相关的插件就会在下⾯实时显⽰出来，我们就可以选择⾃⼰想要的插件进⾏了解。
1、安装Package Control
Package Control为插件管理包，所以我们⾸先要安装它。有了它，我们就可以很⽅便的浏览、安装和卸载Sublime Text中的插件。
打开Package Control的⽹页packagecontrol.io/，点击右侧的“Install Now”按钮。
双击桌⾯“Sublime Text 3”打开程序，快捷键 Ctrl + ` 打开Sublime Text控制台，将之前复制的代码粘贴到控制台⾥，按下“Eenter”键。
等待其安装完成后关闭程序，重新启动“Sublime Text 3”，点开菜单“Preferences”可见“Package Control”项，说明插件管理包已安装成功。
2、ConvertToUTF8 插件安装
a)功能说明：ConvertToUTF8 能将除UTF8编码之外的其他编码⽂件在 Sublime Text 中转换成UTF8编码，在打开⽂件的时候⼀开始会显⽰乱码，然后⼀刹那就⾃动显⽰出正常的字体，当然，在保存⽂件之后原⽂件的编码格式不会改变。
b)安装⽅法⼀：快捷键 Ctrl+Shift+p ，打开 “Command Palette” 悬浮对话框，在顶部输⼊ “install”, 然后下选点击 “Package Control:Install Package”。
w3c标准事件模型顺序在出现的悬浮对话框中输⼊ “convert”, 然后点选下⾯的 “ConvertToUTF8” 插件，就会⾃动开始安装，请耐⼼等待。
当插件安装成功后，Sublime Text 3 编辑器底端的状态栏会有安装成功的提⽰。
c)安装⽅法⼆：你还可以下载完整的插件包后解压，放⼊ C:\Users\userName\AppData\Roaming\Sublime Text 3\Packages ⽬录下，以达到安装插件的⽬的。下载地址：github/seanliang/ConvertToUTF8。
如何到 Packages ⽬录？⼀个快捷的⽅法是：双击打开你的 “Sublime Text 3”，点菜单 “Preferences—>Browse Packages…”。
它会直接打开插件包存放的⽬录 “Packages”。然后你就可以把下载后解压好的插件包复制到这个 Packages ⽬录下。
当然，如果你熟悉 git，你还可以⽤ git 从插件的 GitHub 库直接克隆插件包到 Packages ⽬录下。
备注：以后所有插件都可以通过以上介绍的两种⽅法安装，将不再赘述，推荐⽅法⼀，使⽤“ Package Control”安装插件。
3、BracketHighlighter 插件
功能说明：⾼亮显⽰匹配的括号、引号和标签。
出售源码插件地址：github/facelessuser/BracketHighlighter/tree/BH2ST3
4、LESS 插件
功能说明：LESS语法⾼亮显⽰。
插件地址：github/danro/LESS-sublime
5、sublime-less2css 插件
功能说明：将less⽂件编译成css⽂件。
插件地址：github/facelessuser/BracketHighlighter/tree/BH2ST3
辅助⼯具：安装后从 github/duncansmart/less.js-windows 下载 less.js-windows，然后配置 less.js-windows 的环境变量。
6、Emmet 插件
功能说明：Emmet的前⾝是⼤名⿍⿍的Zen codin。前端开发必备，HTML、CSS代码快速编写神器。
使⽤⽅法：默认快捷键 Tab
插件地址：github/sergeche/emmet-sublime
辅助⼯具：PyV8 下载地址： github/emmetio/pyv8-binaries
注意：Emmet 插件需要 PyV8 插件的⽀持，所以在安装 Emmet 时，会⾃动安装 PyV8 插件，如果安装后 Emmet 不能正常保⽤，很有可能是因为 PyV8 没有安装完全，Sublime Text 2 和 3 容易出现这个问题。你可以删除它，然后⼿动下载，采⽤⽅法⼆安装 PyV8 插件。
使⽤⽅法⽰例：书写代码 ul#nav>li.item$*8>a{Item $}
然后把光标定在这⾏代码的最后⾯，按 Tab 键，就会⾃动⽣成：
<ul id="nav">
<li class="item1"><a href="">Item 1</a></li>
<li class="item2"><a href="">Item 2</a></li>
<li class="item3"><a href="">Item 3</a></li>
<li class="item4"><a href="">Item 4</a></li>
<li class="item5"><a href="">Item 5</a></li>
<li class="item6"><a href="">Item 6</a></li>
<li class="item7"><a href="">Item 7</a></li>
<li class="item8"><a href="">Item 8</a></li>spark和flink比较
</ul>
更多更详细的使⽤⽅法，请查阅 Emmet 官⽹：io/
7、JsFormat 插件
功能说明：JavaScript代码格式化。
使⽤⽅法：在打开的JavaScript⽂件⾥点右键，选择JsFormat。
插件地址：github/jdc0589/jsformat
电脑python安装教程
8、ColorHighlighter 插件
assign的名词和形容词
功能说明：显⽰所选颜⾊值的颜⾊，并集成了ColorPicker
插件地址：github/Monnoroch/ColorHighlighter
在16进制的颜⾊值上点右键，选择“Choose color”，会弹性颜⾊拾⾊器，在需要的⾊块上单击。
看看效果，颜⾊值和显⽰颜⾊都相应做了改变。
9、Compact Expand CSS Command 插件
功能说明：使CSS属性展开及收缩，格式化CSS代码。
使⽤⽅法：按 Ctrl+Alt+[ 收缩CSS代码为⼀⾏显⽰，按 Ctrl+Alt+] 展开CSS代码为多⾏显⽰。
插件地址：gist.github/vitaLee/2863474 或者：github/TooBug/CompactExpandCss 快捷键 Ctrl+Alt+[ 收缩CSS代码为效果：
快捷键 Ctrl+Alt+] 展开CSS代码为多⾏显⽰效果：
10、SublimeTmpl 插件

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。