vs code中通过新建全局代码片段文件;快速生成html5,vue模板

vs code中通过新建全局代码片段文件;快速生成html5,vue模板


一:生成Html模板

新建全局代码片段文件在vscode中的的使用方法为:

【文件】——【首选项】——【1.用户片段】——【2.新建全局用户代码片段】——【3.输入代码段文件名】——【4.编写代码模板】——【5.使用模板】即在对应格式文件中键入关键字后按tab即可。

步骤一:首先打开 用户片段

在这里插入图片描述


步骤二:点击进入

在这里插入图片描述


步骤三:输入html,按Enter键进入(编写框输入文件名)

在这里插入图片描述

说明:也就是说,你输入html,即你只能在html文件中运用此模板。

步骤四:编写Html模板代码

在这里插入图片描述


步骤五:使用模板

在这里插入图片描述

说明:因为编写模板的时候,是设置!来使用模板,所以这里用!,运用此模板。也可以设置h5…都可以。全凭个人喜好!

二:生成vue模板

前面两个步骤都是一样,在第三个步骤输入vue。

步骤四:编写vue模板代码

在这里插入图片描述


步骤五:使用模板

在这里插入图片描述