在VScode中配置创建Vue实例对象简单模板

1.进入VScode界面 点击文件->首选项->用户片段 选择新建全局代码片段文件 命名为vue.json

2.在文件中粘贴以下代码

代码语言：javascript复制

{
  	"Print to console": {
  		"prefix": "vue",
              	"body": [
              	" <div id="app">",
                "   <h2>{{msg}}</h2>",
                " </div>",
             	"",
		" <script src="vue.js"></script>",
             	" <script>",
          	"   const vm = new Vue({",
                "     el: '#app',",
               	"     data: {",
               	"       msg: '你好'",
               	"     }",
               	"   });",
               	" </script>",
     	],
               	"description": "Log output to console"
 	}
 }

3.在html文件中进行测试 输入vue按Tab键

vue.js

0 人点赞