Sublime Text如何进行代码补全_随笔

工具/材料

Sublime Text

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

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

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

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

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

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

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

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

具体 *** 作：

使用eclipse自带的插件，无需另外安装插件，具体步骤如下

1.打开eclipse→Windows→Preferences→Java→Editor→Content Assist

修改Auto Activation triggers for java的值为：zjava 点击apply按钮

2.继续打开JavaScript→Editor→Content Assist

修改Auto Activation triggers for javaScript的值为：zjs 点击apply按钮

3.继续打开web→html Files→Editor→Content Assist

修改Prompt when these characters are inserted:的值为：zhtml 点击apply按钮

4.打开File→Export→Genral→Preferences→导出一文件到任意位置，然后用记事本打开此文件，Ctrl+F查找 zjava 然后将其值改为 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW

再查找 zjs 然后将其值改为 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW

再查找 zhtml 然后将其值改为 <=.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW

保存文件。

5.打开eclipse→File→Import→Genral→Preferences，导入刚刚编辑的文件后，所有设置完毕。

打开sublime-text3 选择菜单栏：工具->新代码段按以下模板填充。

content：在CDATA中填补全内容

tabTrigger：触发代码

scope：文件类型

description：描述信息

下例为：输入con按tab键会补全为console.log()并将光标定位到()内。

*/<snippet>

<![CDATA[console.log(${1})]]>

</content>

<scope>source.js</scope>

<description>console</description></snippet>123456789101112131415

写完后保存在安装目录Data/Packages/User 下面如保存为：console.sublime-snippet。

console是自己取的名字，

sublime-snippet是后缀名。