electron-vue开发桌面应用环境搭建

Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将ChromiumNode.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的。

electron-vue 基于election融合vue脚手架,以web方式开发桌面应用,可以理解为在软件中打包了一个浏览器以支持运行桌面应用

开发环境Windows

Electron 支持Windows 7 及以上版本---任何在低版本Windows上开发Electron的尝试都将是徒劳无功的。

安装Node 

Node官网下载https://nodejs.org/en/download/(选择你开发环境下的版本)

全局安装vue-cli

npm install -g vue-cli (安装过,忽略)

用electron-vue模板 创建项目
vue init simulatedgreg/electron-vue my-project(项目名)

如果你安装的是Vue cli@3 ,你需要全局安装一个桥接工具:npm install -g @vue/cli-init 才能使用旧版本的 vue init 功能

再执行vue init simulatedgreg/electron-vue my-project(项目名)就可以了

一路回车,是否安装预处理器sass,需要输入y,否则n,回车

空格键选中或取消,上下箭头键切换
 (*)  axios
 (*) vue-electron
 (*) vue-router
 (*) vuex

选择这几个就行,回车

回车此时桌面就会新建一个my-project的文件

cd到该文件夹下npm install下载依赖 (这个过程可能有点长)

等下载完成 执行npm run dev

 

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值