1.首先使用 vue create demoproject命令创建项目 2.在项目中使用命令 vue add electron-builder 这一部命令我是在vscode里面执行的,vscode使用的powershell对这个命令有限制,需要 执行set-ExecutionPolicy Unrestricted来允许。这一步,可能比较慢,建议更改npm源为国内镜像 3.执行npm install 三.使用vue来开发页面 1.确...
vueaddelectron-builder 选择最新的electron13即可 至此,一个基础的electron-vue项目便创建完成了。 启动/调试electron 下面不一定非得是cnpm,yarn,npm其实都可以,主要保证install和run的时候使用的是同一个就行。 安装node依赖 cnpminstall 启动桌面客户端 上述框选出的是不同的启动方式,electron:serve是本地启动方式,...
简化桌面端开发 (1)Electron 基于 Chromium 和 Node.js,可以使用 HTML, CSS 和 JavaScript 构建应用 (2)提供Electron api 和 NodeJS api 社区活跃 2. 兼容性 xp无缘了, 可能需要使用nwjs等方案 image.png 二、项目搭建 1. 使用 vue cli 创建vue项目 代码语言:javascript 复制 vue create electron-test 2....
步骤一:src目录下新建一个background.js文件,作为electron的入口文件。下面贴个范本,可以直接复制 'use strict' import { app, protocol, BrowserWindow } from 'electron' import { createProtocol } from 'vue-cli-plugin-electron-builder/lib' import installExtension, { VUEJS3_DEVTOOLS } from 'electron-dev...
一、electron-quick-start + vuecli 在electron官网中提供一个快速创建electron 项目的模板electron-quick-start electron-quick-start 1、clone 模板到本地 2、使用npm install安装包(electron安装缓慢,后续更新教程) 3、使用npm run start 就可以启动项目,测试是否安装成功 ...
初步搭建electron+vue项目 1.Electron-Vue文档 https://electron.org.cn/vue/index.html 第一步:安装 vue-cli 和 脚手架样板代码 (1)npm install -g vue-cli (2)vue init simulatedgreg/electron-vue my-project 第二步:安装依赖并运行你的程序
2. 创建项目 在你想要的文件夹下执行命令: vue create vueapp 就能创建成功了。 3.配置electron 进入项目目录: cd vueapp 通过以下命令调用electron-builder生成器: vueaddelectron-builder 4. 运行vue serve 执行: npm runelectron:serve 可以成功启动项目。
先创建vue项目 npm create vite@latest electron-desktop-tool 进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron 目录结构 ...
Electron:31.0.0 vue-cli:5.0.8 vue:2 版本管理 2 Vue项目准备 更新相关依赖 npm install --registry https://registry.npmmirror.com/ npm run dev 3、引入Electorn 安装指定版本Electron:npm install electron --save-dev 查看Electron版本:npx electron --version ...