VSCode 生成一套Vue模板

第一步: 新建模板并保存

文件 --> 首选项 --> 用户代码片段 --> 输入vue,选择vue.json

具体操作步骤:

在一个Vue的项目中,反复的新建.vue文件是一个必不可少的工序。本着科技让人偷懒的原则,我们可以利用VSCode的snippet在.vue文件创建后能轻松地生成一套模板。

整个过程是轻松加愉快的,只需几步即可。

具体步骤如下

使用Ctrl + Shift + P召唤出控制台,然后输入snippets(跟着自动提示走就行了)并选择。

接下来输入vue并选择,VSCode会自动生成一个vue.json的文件。这里就是我们要输入模板的地方了。

输入模板,具体格式如下(这是我用的格式,当然也可根据自己的喜好进行修改)

其中$0代表模板生成后,光标停留的位置。

第二步: 添加配置,让vscode允许自定义的代码片段提示出来

文件 --> 首选项 --> 设置 ---> 添加这2项

// Specifies the location of snippets in the suggestion widget

"editor.snippetSuggestions": "top",

// Controls whether format on paste is on or off

"editor.formatOnPaste": true


可以开始愉快地玩耍了

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

推荐阅读更多精彩内容

友情链接更多精彩内容