接下来,创建一个新的Vue 2项目: bash vue create my-electron-app 在创建过程中,当被询问时,选择Vue 2.x版本,并根据需要选择其他特性(如Vue Router、Vuex等)。 2. 安装并配置Electron 为了将Electron集成到你的Vue项目中,你需要安装一些额外的npm包。最常用的方法是使用electron-builder和vue-cli-plugin-elect...
1、添加打包工具-注意 要在当前项目目录中进行 vueadd electron-builder 注意:因为electron的一些资源在github上,如果下载出错的话可能需要使用淘宝镜像下载 设置淘宝镜像地址:npm config set registry https://registry.npmmirror.com 2、安装完成后需要选用版本,默认选择13.0.0,回车选择。 3、安装完成后检查项目,会生...
使用vue-cli创建项目 vuecreate<project_name> 创建时依据如下图进行选择 这块vue版本选择,你会哪个版本就选哪个,因为我只会vue2,所以选择的vue2 依据上述图依次回车即可。 安装electron-builder插件 安装过程时长取决于网络状态 cd <project_name> vueaddelectron-builder 选择最新的electron13即可 至此,一个基础的e...
4. vue init webpack vue-demo(运行完会有提示,按提示测试) 2022年补充: 这样生成的项目webpack版本是3.6.12,比较旧,有些模块装不了,建议不要这样生成了,可以用vue create project-name的方式。不方便的是,生成的工程里配置文件没有出现webpack了,需要了解vue.config.js的写法,实际上vue.config.js就是webpac...
vue add electron-builder 图中圈出来的地方注意一下,它会让你选择,按照图中的选择就可以,如果报错请参考上方的参考文献 看到这句话就表示以及安装成功了。 至此,整个项目已经搭建完成。npm run electron:serve 把项目跑起来就可以了。 最基本的demo页,注意第一次打开有可能时间有点长,会误以为报错,我刚开始就以...
npm install -g @vue/cli vue --version 创建Vue工程 vue create <project_name> 集成Electron 添加electron-builder插件 cd <project_name> vue add electron-builder 选择Electon版本,此处选择6版本,添加完插件后再修改为8版本 添加成功 修改package.json ...
从零开始学习electron+vue(一)开发环境搭建 仓库地址:chenshijin/csj_electron 鉴于本人在vue这方面使用时间比较久,那就借由vue-electron来学习一下elecrton。 1、搭建vue项目 我这里使用的是vue-cli 4.5.8版本,在这个版本下,能使用vue3的模板,因为目前对vue3的改版还是不熟练,因此目前就使用vue2的版本来操作。
1.安装vue脚手架 npm install -g @vue/cli 1. 2.创建vue项目 vue create gua-tools 1. 3.启动项目 cd gua-tools npm run serve 1. 2. 4.vue项目中添加electron模块 vue add electron-builder 1. 安装过程中 此处选择 ^13.0.0 按下回车
一、环境搭建教程1:在原有 Vue 项目上添加 Electron 1,Electron 介绍 (1)Electron 是由 Github 开发,用 HTML、CSS 和 JavaScript 来构建跨平台桌面应用程序的一个开源库。 Electron 通过将 Chromium 和 Node.js 合并到同一个运行时环境中,并将其打包为 Mac、Windows 和 Linux 系统下的应用来实现这一目的。