介绍
本篇文章为大家展示了如何在vscode中自定义vue模板,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
打开vscode,选择文件比;首选项比;用户片段。随后在出现的输入框内输入vue,按回车键。打开了一个叫vue。json的文件。如图:
图片内容已经是添加了相应的模板内容了,解释下,前缀字段表示的是自定义指令,就是我们在vue文件里面输入的vue标签,按回车即可生成自定义的文件内容,身体里面就是我们自定义的内容了。\ t是制表符,我这里主要是做格式化代码用
创建完vue模板后,就可以通过vue来创建文件啦!如下图:
代码内容:
,“Print 用console":, { ,“prefix":,“vue" ,“body":, ,“& lt; !——, $ 0, - - -在“, ,“& lt; template>“ “才能\ t“ ““,才能 “才能\ t“ ,“& lt;/template>“ ,““, ,“& lt; script>“ ,“export default  {“, ,,,“\ tname:, & # 39; & # 39;,,, ,“\ tcomponents: {},,, ,“\ tdata (), {,, ,“\ treturn  {“, ,“\ t}“, ,“\ t},,, ,“\ tmounted (),“{}, ,“\ tmethods: {}“, ,“}”, ,“& lt;/script>“ ,“& lt; style 范围=& # 39;scss # 39;, scoped>“ ,“& lt;/style>“ ,), ,“description":“vue output 用vue-template" 以前,,}>上述内容就是如何在vscode中自定义vue模板,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。
如何在vscode中自定义vue模板