从零开始 VScode 中创建Vue模板

当我们写Vue的项目时每次创建一个新.Vue的文件的时候我们需要重新写入初始的模板引入库,是一个冗余重复的问题


我们使用VScode 的时候可以使用它自带的功能实现一个创建文件的时候也能够快捷的引入一个实用的模板

1.配置一个模板,点击左上角的文件 —> 首选项 —> 用户代码片段

效果图


2.点击新建全局代码片段文件,输入当前的配置文件模板的文件名字。之后他会创建一个新的模板配置文件,如效果图2、3


效果图1


效果图2


效果图3

3.替换对象中的代码片段,根据自己的需求模板来写其中的内容。当前模板包含基础的html标签以及Vue的数据、方法初始化、以及部分生命钩子,less样式,如果你需要添加你需要的可以自行添加。

注意:prefix:是你当前模板在新的页面中的引用,跟之前的文件命名是两回事。你需要通过输入prefix的值去引用模板

效果图

4.使用效果,在一个新的页面中我们只要输入对应的模板名字就可以直接生成模板


效果图


效果图
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 4,727评论 0 5
  • ORA-00001: 违反唯一约束条件 (.) 错误说明:当在唯一索引所对应的列上键入重复值时,会触发此异常。 O...
    我想起个好名字阅读 6,017评论 0 9
  • feisky云计算、虚拟化与Linux技术笔记posts - 1014, comments - 298, trac...
    不排版阅读 4,379评论 0 5
  • 喜马拉雅的活动已经接近尾声,星球大战的成绩卓著,回顾这次活动,收获满满,想用12个字来总结:明确目标、听话照做、彼...
    鉴哥说事阅读 269评论 0 0
  • 哼!
    蓬蓬蓬的毛毛熊阅读 99评论 1 0

友情链接更多精彩内容