2024-04-03
温故知新
00
请注意,本文编写于 189 天前,最后修改于 189 天前,其中某些信息可能已经过时。

使用 VS Code 创建 Vue 文件后,想要初始化一些代码,通过一些插件可以实现,但本文记录一个更简单的配置方式,使用 VS Code 的用户设置。

  1. VS Code中,点击左下角设置按钮(齿轮)
  2. 选择【用户片段】(User Snippents),会弹出搜索框
  3. 输入 vue 后,选择 vue.json 文件,会出现一个配置文件
  4. 在配置文件中有一个注释示例,根据注释填入一些内容即可

下面是一个 vue.json 的示例,可以直接使用:

json
{ "Print to console": { // 前缀提示符,在编辑器中输入vue3可以出现提示 "prefix": "vue3", "body": [ "<template>", " <div>", " </div>", "</template>", "", "<script setup lang='ts'>", "", "</script>", "", "<style scoped>", "", "</style>" ], "description": "Log output to console" } }

提示:以上内容中的 prefix 值可以自定义,body 是你想要初始化的内容。

以上配置完成后,在一个 Vue 文件中输入 vue3,就会出现提示,选择后就会将 body 的内容自动填入当前文件。

如果对你有用的话,可以打赏哦
打赏
ali pay
wechat pay

本文作者:DingDangDog

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!