1.创建工作区
2.点击添加文件
3.新建一个html文件，并输入!+tab 自动生成html结构
4.输入div#app，生成头部
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://unpkg.com/vue/dist/vue.js"></script>
<title>VUE体验</title> </head>
<body> <div id="app"> <p>{{username}}</p> <p>{{greet()}}</p> <button @click="username='你也好'">更改按钮</button> </div> <script> new Vue({ el: "#app", data:{ username : "你好" }, methods:{ greet(){ return "我是函数" } } }
) </script> </body> </html>
需要下载这个插件open in browser