安装成功之后 node -v ,会显示版本。
我们直接使用脚手架工具vue-cli
我们在国内的npm非常慢，所以我们需要重新设置npm镜像，我设置的是淘宝的镜像
我们可以看一下镜像地址是：
我们安装脚手架工具：
我们安装web-pack：
我们搭建项目：
我们到 YLeMusic 目录下，之后执行：
我们浏览器打开 http://localhost:8080
此时显示的是
我使用npm 能安装，我测试了好像可以只能使用cnpm,所以需要先安装cnpm。
使用cnpm安装Electron
所以需要我们增加执行的权限：
我们看一下是否安装成功：
我们安装成功了。
main.js
package.json
我们就可以看到我们的桌面应用运行起来了。
使用electron-vue 脚手架工具
编写现在我用上面提到的这几点编写一个前端计数器，用户可以在输入框输入任意数字，点击按钮进行总数累加
下面贴上代码，看不懂的话翻上去再看一遍
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="firstVue">
<p><input type="number" v-model="inputNum" /><button @click="add()">ADD</button></p>
<p>{{total}}</p>
</div>
</body>
<script type="text/javascript">
var myVue = new Vue({
el:'#firstVue',
data:{
inputNum:0,
total:0
},
methods:{
add:function(){
this.total = parseInt(this.total) + parseInt(this.inputNum)
}
}
})
</script>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）