iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vsCode一键生成vue模板
  • 302
分享到

vsCode一键生成vue模板

2024-04-02 19:04:59 302人浏览 薄情痞子
摘要

1.使用快捷Ctrl + Shift + P唤出控制台 2,然后输入“snippets”并选择 2.接着输入Vue, vs code自动生成vue.json文件。  

1.使用快捷Ctrl + Shift + P唤出控制台

2,然后输入“snippets”并选择

2.接着输入Vue

vs code自动生成vue.json文件。

 

3. 将vue.JSON文件改为下面得模板(可以根据个人需求修改当中的模板内容)   


{
      
        "Print to console": {
            "prefix": "vue",
            "body": [
                "<template>",
                "  <div">$0</div>",
                "</template>",
                "",
                "<script>",
                "export default {",
                "  components: {},",
                "  props: {},",
                "  data() {",
                "    return {",
                "    };",
                "  },",
                "  watch: {},",
                "  computed: {},",
                "  methods: {},",
                "  created() {},",
                "  mounted() {}",
                "};",
                "</script>",
                "<style lang=\"sCSS\" scoped>",
                "</style>"
            ],
            "description": "A vue file template"
        }
    }

然后新建一个 vue 文件,输入“vue”,按下回车键或者Tab键,模板就自动生成了:

到此这篇关于vscode一键生成vue模板 的文章就介绍到这了,更多相关vsCode生成vue模板 内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: vsCode一键生成vue模板

本文链接: https://www.lsjlt.com/news/128200.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作