vue3 配置代码片段

1.链接：https://snippet-generator.app/
2.

image.png

"vue3 typescript": {
  "prefix": "tsvue",
  "body": [
    "<template>",
    "    <div>",
    "",
    "    </div>",
    "</template>",
    "<script lang=\"ts\" setup>",
    "    ",
    "</script>",
    "<style lang=\"scss\" scoped>",
    "",
    "</style>"
  ],
  "description": "vue3 typescript"
}

4.粘贴到VScode ->首选项->配置代码片段

5.
image.png

6.
image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue3基本使用(基础部分)
    1.vue3特性 vue的引入方式 cdn引入 示例代码 本地引入示例代码 数据展示 字符串 列表数据 计数器 计...
    小张学习笔记阅读 27评论 0赞 1
  • vue3特性(一)
    1.vue3特性 vue的引入方式 cdn引入 示例代码 本地引入示例代码 数据展示 字符串 列表数据 计数器 计...
    小张学习笔记阅读 32评论 0赞 1
  • VS code代码片段
    代码片段的作用及生成方式 在我们使用vue的过程中,有些代码片段是经常需要些的,我们就可以在VS code中生成一...
    CoolBoy_52e5阅读 469评论 0赞 0
  • VSCode - 前端代码块大法
    实操方法 VsCode配置前端的代码块具体步骤如下： 【准备文件】 前端代码块配置文件内容。 1.生成前端代码块...
    刘_小_二阅读 368评论 0赞 0
  • vscode生成代码片段
    复制自己需要生成代码片段的代码； https://snippet-generator.app/[https://s...
    小话001阅读 230评论 0赞 0