MAC上学习Vue---Day1. 创建Hello World
2019-07-17 本文已影响6人
RaRasa
下载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，可见如下结果：
