Electron+Vue开发轻量级应用

一、安装node.js ,vue -cli

nodejs 去官网下载就行,不要用命令行下载最新版!!
传送门
vue -cli 这个自己找很简单!!

二、搭建electron-vue脚手架

cmd管理者模式进入你要安装的文件夹
输入vue init simulatedgreg/electron-vue my-project

vue init simulatedgreg/electron-vue my-project

? Application Name my-project
? Application Id com.example.yourapp
? Application Version 0.0.1
? Project description 桌面端应用描述信息
? Use Sass / Scss? Yes
? Select which Vue plugins to install axios, vue-electron, vue-router, vuex, vuex-electron
? Use linting with ESLint? No
? Set up unit testing with Karma + Mocha? No
? Set up end-to-end testing with Spectron + Mocha? No
? What build tool would you like to use? builder
? author qiuyukai <1009291692@qq.com>

   vue-cli · Generated "my-project".

---

All set. Welcome to your new electron-vue project!

Make sure to check out the documentation for this boilerplate at
https://simulatedgreg.gitbooks.io/electron-vue/content/.


看到这些就说明成功了
下一步就是:只要你是按照我的方法做 这几步是不会出错的,(node必须不是最新版)

$ cd my-project
$ yarn (or `npm install`)
$ yarn run dev (or `npm run dev`)

最后成功,展示一下效果图:
在这里插入图片描述

大家关注我!!!!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值