使用IDEA创建工程通过npm安装下载vue.js
1.初始化
npm init -y
工程目录下就会出现一个package.json
2.打开这个package.json的文件位置,在命令提示符里输入:
nmp install vue --save
工程目录的位置下就会出现以下文件:
vue.js就配置好了
我们就可以新建demo.html初始化vue:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试</title>
<script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<h2>{{name}} 你好!</h2>
</div>
<script type="text/javascript">
var app = new Vue({
el:"#app",
data:{
name:"muke"
}
});
</script>
</body>
</html>
打开网页可以在控制台输入app.name="mukwang"改变名字
全选