内容来源于网络,精选更多精彩内容在线阅读!不可將本物品內容派發，傳閱，出售，出租，交給或出借予他人出示！

//我觉得自带字体挺好的。
 

• key - Bindings-User：个人对于快捷键的设置。同样会覆盖默认的设置。例如：

构建系统实现快捷调用浏览器

构建系统可以让您通过外部程序来运行文件，并可以在Sublime Text查看输出。

//这样设置。。地址是你的浏览器位置

之后再进入刚刚的的地方，选择第一个Automatic，修改内容后按Ctrl+B，可以看到自动调用chrome并且是修改后的内容。在sublime Text的console中可以看到输出的信息。更多功能请查看

上面是一些基础功能的介绍

更新：自定义sublime代码片段

我们在开发中有很多代码是需要重复编写的，每一次都去复制粘贴显然是一件效率极其低下的事情，sublime的自定义代码片段功能就很好的解决了这个问题。下面就来看一下如何在sublime中自定义代码片段

注释已经非常详细了，content 里面就是代码模版：${序号：默认值} ，序号相同的地方光标会同时停在那可以多处同时编辑。序号大小就是 tabindex。在实际使用代码的时候，可以使用 tab 切换光标位置。

以hexo新建一篇博客头部为例：

 <!-- 可选：在snippet菜单中的显示说明（支持中文）。如果不定义，菜单则显示当前文件的文件名。 -->

设置完毕，最后还差一步，要想代码片段生效，还必须保存到sublime的文件目录\Data\Packages\User，文件名任意，但文件后缀必须为.sublime-snippet。

现在输入hexoH试试，你想要的代码片段是不是已经有了呢？

这里我使用的是sublimeText 3，2 的话上官网查询代码。

在上面说的View–>Show console,快捷键： Ctrl+` 打开控制台窗口，粘贴上面的代码，回车，然后就是等待***了，需要一定的时间。***完成后重启 。

使用Ctrl+Shift+P,打开控制面板，输入PC，效果如下：说明***成功了。

• 按照上面的步骤，打开图片中的***插件就行了，其实默认配色真的挺好看的
• 推荐在***前，先去。的样式，以及设置方法,说明文档。一般***成功后，会自动弹出。

• 回车等待***就好，成功后会弹出一个使用设置的页面，把其中的如下代码拷贝到Settings-User，保存，你会发现，默认的主题已经变成了刚刚我们查看过的主题了。

当然，你也可以通过菜单栏，进行主题的选择。会有相同的效果。它会自动在Settings-User进行设置。

两款主题都有侧边栏图标显示：我在这里说不清到底谁好谁差，全凭个人的喜好吧！

***方法还是和上面一样，最好是根据它的README描述来进行设置。

个人常用插件及使用方法：

• 假设有文件夹file。我们正在输入代码，又想在新的子目录下新建html文件的话用传统方式得很多步，新建目录，新建文件，保存等等等。
• 但是有了该插件之后，事情就变得简单了许多，只需要按下Ctrl+Shift+N，输入文件夹以及文件名，你就会看到如下效果:（回车，你会发现已经子目录下的文件已经新建完成了！）

***成功后输入Ctrl+Shift+P打开命令面板，输入Fetch，可以看到以下：

选择file可以看到设置的文件。选择下载
配合刚刚上面的插件使用，简直完美..

必装插件，无比强大，就不过多介绍了。可以在浏览器中打开，还可以配置不同文件的打开方式。
单单下面这一个功能就必须***了！快捷在不同浏览器打开：

• 可选SyncedSideBar：每次打开文件，侧边栏都会同步显示该文件所在目录树中的位置

可以快速的对函数进行注释。保持代码规范。支持多种语言。（个人觉得brackets的这个插件比Sublime Text做得好多了。）

• /*:回车创建一个代码块注释
• /**:回车在自动查找函数中的形参等等。

它会生成 JSDoc 格式的注释。如果你从没有使用过类似的工具，DocBlockr 会让你觉得以前没有它是如何写代码的。帮助你创造你的代码注释，通过解析功能，参数，变量，并且自动添加基本项目。

***成功后，重启就可以测试代码的风格了。
当然还可以自定义校验规则，在该目录下使用Ctrl+Shift+N创建文件.jshintrc，在其中使用JSON格式配置校验风格。

//建议使用===，不使用时会有提示。

并且在左下角会有错误提示。需要注意的是内容有更改时，才会立即生效。

Text里面究竟能使用哪些Git功能，以提高您的工作流程。

• Sublime Text 有了 Git 插件之后，GitGutter 更好的帮助开发者查看文件之前的改动和差异，提升开发效率。（其实我是冲着这个来的）

我知道目前在很多地方 jQuery看似已经落伍了，但是如果你不是建立一个交互性很强的网站或者你只是想在已有应用上添加功能，它仍然是非常有用的。

比如，输入$.a就可以让我选择$.ajax()，然后自动扩展成以下代码：

该插件提供行数列高亮的各种配对的语法符号，显示在行号上。效果如下：

• 默认***的Sublime Text对CSS3的支持让人抓狂，帧动画？别开玩笑了你只会看到一片白色的纯文本一样的代码。
• 事实上不光CSS3，我建议用CSS3 Package完全替代原来的CSS Package来完成语法高亮。把原来的禁用了吧

• 这个插件我等了很久了（在使用breakets的时候发现 的，好用到爆），我最早用Sublime Text写CSS时候就在想“这堆颜色码谁知道是什么颜色”。。
• Color Highlighter这个插件会检测CSS文件中的颜色码，不论是Hex码或者RGB码都能很好的显示。
• Color Highlighter能够设置成用背景色或者边框提示颜色，我一般在Settings里做这样的设置：

• 这两个插件的功能就是可以用浏览器浏览 Sublime Text 中编写的 markdown文件。

直接按F6就可以打开浏览器预览markdown，并且它们的***还会让编写markdown时支持一些快捷键。

不进行这些配置的话，因为我们在前面 构建系统 使用了一些操作，按ctrl+b,就会在当前文件目录下，创建一个同名的html文件。

选中该htnl文件，再次按ctrl+b可以达到同样的预览效果，不过还是F6简单不是吗？

然后你就会发现世界又回到了春天-。-（这里使用的我上面介绍的Material）,更多的设置就举一反三啦！

这个直接***就可以用了，挺方便的。

然后人生就焕发了第二春 -。-（强烈建议大家去搜索使用被我注释掉的Cmder，这才是一个shell的样子嘛！）

• 看个人喜好咯，不用代码补全，可以锻炼英语！！

有人反映说***主题后侧边栏颜色不更改，其实有两个方法，一个在\Data\Packages\主题修改主题配置。

比较麻烦，就不说了，直接***这个插件就好了，记得重启刷新。

其实有了这个代码格式化插件，就可以删除上面的代码格式化插件了。因为功能确实强大！

其实我把官网的配置趴下来之后就改了两个地方：

更多的个性化定制大家自己去实现吧！

这个插件要是包含的类型多，当然在每一种语言上的匹配肯定是不如上面介绍。不过为了少按几个插件，还是用了它，把上面的几个代码片段插件删了。
不过它也是支持加载自定义代码片段的，如果有需要的话，那就自己编写吧^_^。

该插件在window下，有很多问题会导致不能使用，mac下可以正常使用

• 需***对应的chrome插件：，完成后需勾选允许访问文件网址
• 为了避免每一次启动实时刷新在sulime里面启动一遍插件，可在插件设置中增加如下字段：

这时就只需要在浏览器端点一下小圆圈就好了

• WakaTime：记录你的编程时间
• rem-unit：px单位自动转rem，移动端开发必备