如何使用vscode快速新建vue模版

  1. 文件 ==> 首选项 ==> 用户代码片段 ==> 输入 vue 然后回车
  2. 添加配置,让vscode允许自定义的代码片段提示出来
 
{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <div>",
            "    $0",
            "  </div>",
            "</template>",
            "",
            "<script>",
            "",
            "  export default {",
            "    name:'',",
            "    props:[''],",
            "    data () {",
            "      return {",
            "",
            "      };",
            "    },",
            "",
            "    components: {},",
            "",
            "    computed: {},",
            "",
            "    beforeMount() {},",
            "",
            "    mounted() {},",
            "",
            "    methods: {},",
            "",
            "    watch: {}",
            "",
            "  }",
            "",
            "</script>",
            "<style lang='' scoped>",
            "",
            "</style>"
        ],
        "description": "Log output to console"
    }
}
  1. 测试方法: 新建vue后缀文件,输入vue,按下tab键,OK

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理