1. 使用 vue cli 创建vue项目 代码语言:javascript 代码运行次数:0 运行 AI代码解释 vue create electron-test 2. 安装插件 vue-cli-plugin-electron-builder 代码语言:javascript 代码运行次数:0 运行 AI代码解释 vue add electron-builder image.png 3. 安装完插
注:可以从electron官网clone例子,复制package.json 5.在项目的根目录的package.json增加一条启动命令 代码语言:javascript 代码运行次数:0 运行 AI代码解释 "scripts":{"serve":"vue-cli-service serve --copy","build":"vue-cli-service build","lint":"vue-cli-service lint","electron_dev":"yarn build ...
import{app,protocol,BrowserWindow}from 'electron' import{createProtocol}from 'vue-cli-plugin-electron-builder/lib'importinstallExtension,{VUEJS_DEVTOOLS}from 'electron-devtools-installer'constisDevelopment=process.env.NODE_ENV!=='production'// Scheme must be registered before the app is readyprotocol.re...
"start": "electron .", "build": "vue-cli-service build", // 如果使用 Vue CLI "package": "electron-builder" // 如果使用 electron-builder }, "devDependencies": { "electron": "^x.x.x", // 替换为您使用的版本 "electron-builder": "^x.x.x" // 替换为您使用的版本 } } 打包命令:...
1、vue-cli-plugin-electron-builder插件方式 1.全局安装vue-cli: npm install -g @vue/cli 2.创建vue项目(注意这里选择vue2或者vue3都可以,我选择vue3): vue create my-electron 3.创建项目后进入项目安装插件(注意不是npm): cd my-electron ...
1. 使用 vue cli 创建vue项目 vue create electron-test复制代码 1. 2. 安装插件 vue-cli-plugin-electron-builder vue add electron-builder复制代码 1. 3. 安装完插件后, 项目中的一些变化 ① package.json 新增了几个scripts npm run electron:serve electron开发模式 ...
下面会使用electron-builder 来构建程序。 2. 安装脚手架 # 安装 vue-cli 和 脚手架样板代码npm install -g vue-cli vue create my-electron# 安装依赖并运行你的程序cdmy-electron vue add electron-builder 3. 运行 npm run electron:serve# 或 yarnyarn# 或者 npm installyarn run electron:serve ...
electron由于是国外的镜像源,大概率安装时会报:connect ECONNREFUSED 127.0.0.1:443 所以最好先设置一下代理 yarn config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/ 1. 设置后,安装electron、vue-cli-plugin-electron-builder以及electron-devtools-installer,后两个插件用于打包。
首先你需要安装好vue-cli工具,在任意终端执行vue ui命令即可进入UI界面 记得选择Vue2的版本,随意配置过后,点击“插件”,添加插件: 搜索并安装Electron builder插件 该插件会自动将刚才创建的项目改造为Electron环境的项目,目前仅支持至13.0这个版本,此时运行electron:serve,可以看到桌面app就可以跑起来了: ...
除此之外,我们可以使用vue-cli脚手架工具来创建项目。 vueinit simulatedgreg/electron-vue 然后根据下面的提示一步步选中选项即可创建项目,如下所示。 然后,使用npm install命令安装项目所需要的依赖包,安装完成之后,可以使用npm run dev或npm run build命令运行electron-vue模...