vs code中通过新建全局代码片段文件;快速生成html5,vue模板
时间 2021-08-15
标签
html5
vue.js
vs code中通过新建全局代码片段文件;快速生成html5,vue模板
一:生成Html模板
新建全局代码片段文件在vscode中的的使用方法为:
【文件】——【首选项】——【1.用户片段】——【2.新建全局用户代码片段】——【3.输入代码段文件名】——【4.编写代码模板】——【5.使用模板】即在对应格式文件中键入关键字后按tab即可。
步骤一:首先打开 用户片段
步骤二:点击进入
步骤三:输入html,按Enter键进入(编写框输入文件名)
说明:也就是说,你输入html,即你只能在html文件中运用此模板。
步骤四:编写Html模板代码
步骤五:使用模板
说明:因为编写模板的时候,是设置!来使用模板,所以这里用!,运用此模板。也可以设置h5…都可以。全凭个人喜好!
二:生成vue模板
前面两个步骤都是一样,在第三个步骤输入vue。
步骤四:编写vue模板代码
步骤五:使用模板