vsCode中配置快捷代码块【10 秒解决,直接抄】

如果这是你要的,请让阿星用 10 秒手把手教你。

效果:

image.png

image.png

步骤

1 、点击vscode中左下角的设置
2 、点击【代码片段】

image.png

3、输入【vue】
4、选择【vue.json】
![image.png](https://upload-images.jianshu.io/upload_images/18344853-874d83224639c8c0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
5、配置代码

{
    "Print to console": {
      "prefix": "vue3",
      "body": [
        "<template>",
        "  <div class=\"\"></div>",
        "</template>\n",
        "<script setup>",
        "import {} from \"vue\"",
        "</script>\n",
        "<style lang=\"scss\" scoped></style>",
        "$2"
      ],
      "description": "Log output to console"
    }
  }
  
image.png

效果:

image.png

直接回车


image.png

我是阿星,希望你今天就发财~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容