VScode新建自定义模板快捷方式

最新推荐文章于 2025-09-19 02:47:05 发布

原创

最新推荐文章于 2025-09-19 02:47:05 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

在VSCode开发中，新建Vue文件需自定义初始化模板。具体步骤为：打开VSCode，通过“文件”“首选项”“用户代码片段”新建全局代码片段文件，复制内容覆盖，保存关闭。新建文件输入对应命令回车即可生成模板，还可根据实际修改参数。

VS新建vue文件的自定义模板

在使用vscode开发的时候，新建vue文件是不可或缺的，但是VSCode并没有vue文件的初始化模板，这个需要自定义模板。
我们可以使用vscode的snippets在新建.vue 文件后轻松获得一套模板。

具体步骤

打开VSCode -> “文件（mac机选Code）” -> “首选项” -> "用户代码片段”，然后会打开一个弹框。
在弹框中选择"新建代码片段"新建一个全局代码片段文件，自定义名称保存后，VS编辑器就会打开这个文件。
然后复制以下内容覆盖文件内容。

{
   // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and
   // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
   // $1, $2 for tab stops, $0 for the final cur