electron爬坑记--搭建vue-electron环境

起步

该样板代码被构建为 vue-cli 的一个模板,并且包含多个选项,可以自定义你最终的脚手架程序。本项目需要使用 node@^7或更高版本。electron-vue 官方推荐 yarn 作为软件包管理器,因为它可以更好地处理依赖关系,并可以使用 yarn clean 帮助减少最后构建文件的大小

第一步:全局安装vue-cli

如果你已经全局安装vue脚手架可以忽略这一步

// 全局安装vue-cli vue的脚手架
npm install vue-cli -g
// 或者
yarn global add vue-cli

第二步:安装vue-electron 模板代码

// 安装vue-electron 
vue init simulatedgreg/electron-vue my-project // my-project为你自己的项目目录

第三步:进入并运行自己的项目

// 进入你自己的项目
cd my-project
// 下载你自己所需要的包
yarn // 或者
npm install
// 运行的的项目
yarn dev // 或者
npm run dev
// 打包你的项目
yarn build // 或者
npm run build

注:在下载electron-vue所依赖的包的时候,下载electron和nass的时间较长,我们可以配置一下yarn 或者npm的electron和nass镜像

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值