下载Vue.js
Vue.js开发版本地址为:
安装VS Code
VS Code下载地址为:
https://code.visualstudio.com/download
创建第一个实例---Hello World
1. 打开Visual Studio Code.exe,新建一个文件,命名为:test1.html
2. 输入半角符号“!”,并单击键盘上的“tab”按钮,会补全html的基础代码,如下图:

3. 将Vue.js文件复制到test1.html同级目录下,并在test1.html的<body>标签中,添加如下代码:
<body>
<div id='app'>
<p>{{ msg }}</p>
</div>
<script src='vue.js'></script>
<script>
var app=new Vue({
el:'#app',
data:{
msg:'Hello, World!'
}
});
</script>
</body>

4. 双击运行test1.html,可见如下结果:

网友评论