美文网首页让前端飞Vue
从零开始 VScode 中创建Vue模板

从零开始 VScode 中创建Vue模板

作者: MoustacheYJ | 来源:发表于2019-07-22 11:43 被阅读19次

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

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

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

    效果图

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

    效果图1 效果图2 效果图3

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

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

    效果图

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

    效果图 效果图

    相关文章

      网友评论

        本文标题:从零开始 VScode 中创建Vue模板

        本文链接:https://www.haomeiwen.com/subject/eqpilctx.html