Sublime Text如何进行代码补全

工具/材料

Sublime Text

操作方法

首先我们新建一个空白的文档，然后打开命令模式，输入html，将纯文本文档切换为html文档，如下图所示

然后在html文档中我们输入html并按下tab键，你会发现工具自动补全了html结构

接下来在看看CSS中系统自动补全的一些功能，如下图所示，我们输入bg，工具就会自动弹出相关的内容

以上都是系统默认自带的补全功能，下面要介绍的是插件补全的方式，首先打开命令行模式，输入install，进入插件安装模式，如下图所示

在输入框中输入emmet，然后选择第一个，工具会自动的安装上

安装好以后我们再回到CSS文件中，这个时候我们输入p20并按下tab键，你会发现生成了padding:20px

在HTML中我们输入.nav并按下tab键，你会发现生成了一个带class的div结构，如下图所示

最后，如果想移除某个标签，也可以运用command和单引号的组合键进行，如下图所示

sublimetext3如何自动补全代码

如何在Sublime Text中添加代码片段

下面由sublime使用教程栏目给大家介绍在Sublime Text中添加代码片段的方法，希望对需要的朋友有所帮助！

我们在编写代码的时候，总会遇到一些需要反复使用的代码片段。这时候就需要反复的复制和黏贴，大大影响效率。我们利用Sublime Text的snippet（代码片段）功能，就能很好的解决这一问题。

通俗的讲，就是把我们常用的代码分别保存起啦，然后通过插件的形式来反复调用。

创建方法：Tools （工具）> New Snippet（新片段）

此时，会出现如下代码：

Hello, ${1:this} is a ${2:snippet}.

]]>

其中，content中由CDATA包裹起来的部分是我们要插入的代码片段，可选。

tabTrigger是我们tab键触发的自动补全代码功能的一个名字，可选。

scope，可选，使用范围，不填写代表对所有文件有效。附：source.css和test.HTML分别对应不同文件。

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

${1:this}表示代码插入后，光标所停留的位置，可同时插入多个。其中:this为自定义参数（可选）。

${2}表示代码插入后，按Tab键，光标会根据顺序跳转到相应位置（以此类推）。

现在，你应该有了个大致的了解。那我们就开始自己动手编写一个实例。我们都知道，再Sublime中，输入！或者html:5再按tab键，可以自动补全HTML结构，但是这个结果相对很简单，我自己扩展了它的结果内容，新增了几个mate标签，增加了页面描述。

${2:这是html内容}

]]>

hjs

custom-html

然后保存代码片段，保存到Sublime Text3DataPackagesUser下面，取个名字

就这样，在HTML页面中输入hjs tab，就可以自动补全这一系列代码了。

以上就是如何在Sublime Text中添加代码片段的详细内容，更多请关注其它相关文章！

更多技巧请《转发 关注》哦！