我们使用Sublime Text编辑文件的时候，经常会遇到一些杂乱无章的内容，那么如何对这些杂乱的内容进行格式化呢？下面小编就给大家分享一下。
Sublime Text
首先我们打开Sublime Text软件，新建一个HTML文件，然后在文件中键入一些杂乱的代码，如下图所示
接下来点击顶部的首选项菜单，然后选择下拉菜单中的Package Control选项，如下图所示
在弹出的Package Control界面中输入Ins，Sublime会自动模糊查询相应的内容，我们选择Install Package即可，如下图所示
接下来会进入Install Package界面，我们在输入框里面输入html-css-js prettify，选择第一个按回车键进行安装，如下图所示
安装完毕以后我们点击顶部的工具菜单，然后查看下拉菜单中是否有HTML/CSS/JS Prettify选项，如果有则证明安装成功，如下图所示
回到刚才新建的HTML文件中，我们按ctrl+shift+h组合键以后你会发现刚才杂乱的代码都立刻被格式化了，如下图所示
另外你也可以对Prettify插件进行一些设置，这个时候你点击工具下面的HTML/CSS/JS Prettify选项，然后选择Plugin Options选项即可
最后如果你想格式化其他类型的代码文件，比如SQL语言的，那么你就需要找针对SQL语言的格式化插件了，这里小编教大家一招，在命令模式中输入Format就可以调出各种语言的格式化插件了，大家自己选择即可
如何在Sublime Text中添加代码片段
下面由sublime使用教程栏目给大家介绍在Sublime Text中添加代码片段的方法，希望对需要的朋友有所帮助！
我们在编写代码的时候，总会遇到一些需要反复使用的代码片段。这时候就需要反复的复制和黏贴，大大影响效率。我们利用Sublime Text的snippet（代码片段）功能，就能很好的解决这一问题。
通俗的讲，就是把我们常用的代码分别保存起啦，然后通过插件的形式来反复调用。
创建方法：Tools （工具）> New Snippet（新片段）
此时，会出现如下代码：
<snippet>
<content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<!-- <tabTrigger>hello</tabTrigger> -->
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->
<!-- <description>description</description> -->
</snippet>
其中，content中由CDATA包裹起来的部分是我们要插入的代码片段，可选。
tabTrigger是我们tab键触发的自动补全代码功能的一个名字，可选。
scope，可选，使用范围，不填写代表对所有文件有效。附：source.css和test.HTML分别对应不同文件。
description，可选，在snippet菜单中的显示说明（支持中文）。如果不定义，菜单则显示当前文件的文件名。
${1:this}表示代码插入后，光标所停留的位置，可同时插入多个。其中:this为自定义参数（可选）。
${2}表示代码插入后，按Tab键，光标会根据顺序跳转到相应位置（以此类推）。
现在，你应该有了个大致的了解。那我们就开始自己动手编写一个实例。我们都知道，再Sublime中，输入！或者html:5再按tab键，可以自动补全HTML结构，但是这个结果相对很简单，我自己扩展了它的结果内容，新增了几个mate标签，增加了页面描述。
<snippet>
<content><![CDATA[
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="Generator" content="Sublime Text3">
<meta name="Author" content="dunizb">
<meta name="website" content="http://www.mybry.com">
<meta name="Description" content="读你，这世间唯有梦想和好姑娘不可辜负~~">
<link type="image/x-icon" rel="shortcut icon" href="image/favicon.ico" />
<script type="text/javascript">
${1:}
</script>
<body>
${2:这是html内容}
</body>
</html>
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>hjs</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->
<description>custom-html</description>
</snippet>
然后保存代码片段，保存到Sublime Text3DataPackagesUser下面，取个名字
就这样，在HTML页面中输入hjs tab，就可以自动补全这一系列代码了。
以上就是如何在Sublime Text中添加代码片段的详细内容，更多请关注其它相关文章！
更多技巧请《转发 关注》哦！
