接下来,创建一个新的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、安装完成后检查项目,会生...
npm install npm run dev 项目搭建成功;要单独安装 例如;text.node文件,webpack就不能编译;所以需要安装一个插件;node-loader npm install node-loader -save-dev vue init simulatedgreg/electron-vue my-project GitHub的地址: https://simulatedgreg.gitbooks.io/electron-vue/content/en/ 2、如何打包 在package...
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的版本来操作。
方法:git clonehttps://github.com/vuejs/vue-devtools.git npm install -g yarn(npm不行) 进入到项目目录,运行yarn 和yarn build命令,生成的package中有一个shell-chrome的文件夹,后面要用到。 编译时候会很慢:甚至停住 Building fresh packages... ...
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 按下回车
本文将以electron6.x+webpack4+vue全家桶+element-ui为技术栈,一套代码可以分别打包在客户端和web端,结合webpack支持热更新,打包为exe安装包,过程中会涉及vue全家桶、electron的常见问题、配置和优化,webpack的对应配置等。 一、新建项目 1、初始化项目 ...
首先你需要安装好vue-cli工具,在任意终端执行vue ui命令即可进入UI界面 记得选择Vue2的版本,随意配置过后,点击“插件”,添加插件: 搜索并安装Electron builder插件 该插件会自动将刚才创建的项目改造为Electron环境的项目,目前仅支持至13.0这个版本,此时运行electron:serve,可以看到桌面app就可以跑起来了: ...