当前位置:常识百科馆>游戏数码>IT技术>

Sublime Text如何进行代码补全

IT技术 阅读(2.92W)

工具/材料

Sublime Text

操作方法

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

Sublime Text如何进行代码补全

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

Sublime Text如何进行代码补全 第2张

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

Sublime Text如何进行代码补全 第3张

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

Sublime Text如何进行代码补全 第4张

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

Sublime Text如何进行代码补全 第5张

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

Sublime Text如何进行代码补全 第6张

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

Sublime Text如何进行代码补全 第7张

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

Sublime Text如何进行代码补全 第8张