先创建vue项目 npm create vite@latest electron-desktop-tool 进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron 目录结构 这是目前的目录结构 安装electron 在安装 electron之前需...
vite --config vite.config.electron.ts:指定vite运行时的配置文件。 {"name":"electron_vite","private":true,"version":"1.0.0","main":"dist-electron/main.js","type":"commonjs","scripts": {"dev":"chcp 65001&&vite","build":"vue-tsc && vite build","preview":"vite preview","electron:...
1.使用electron-vite创建工程 目录在 xxxx_projects\favorite_modules\electron-vite 推荐使用最简单的方式创建electron-vite项目 npm create @quick-start/electron//有几个选项,依次是项目名称,使用vue框架,是否使用ts✔ Project name:…<electron-app>✔ Select a framework:› vue ✔ Add TypeScript?… No...
1、使用vite创建vue3项目 npm init vite 2、安装依赖 npm install 3、安装electron npm install electron --save-dev 4、配置package.json "main": "main.js","scripts": {"dev": "vite","start": "electron ."} 5、创建文件 main.js主进程文件 preload.js预加载脚本文件 6、启动vue项目和electron项目 ...
Electron【创建项目】使用 electron-vite (含启动项目) 1. 新建项目文件夹 以项目 electron-vue3 为例 2. 运行脚手架命令 在electron-vue3 文件夹内打开命令行执行 npm create @quick-start/electron@latest 1. 3. 用 vscode 打开项目 4. 安装项目依赖...
2 初始化项目 2.1 使用electron-vite新建项目 2.2 精简项目 2.3 去掉renderer的src目录 3 Vite基础配置 3.1 配置国内镜像源 3.2 支持Sass/Scss/Less/Stylus 3.3 设置路径别名 4 项目架构搭建 4.1 项目目录结构设计 4.2 关于样式命名规范 4.3 设置全局公用样式 5 引入Ant Design 5.x 5.1 安装Ant Design 5.2 设置...
1、安装electron-vite npm i electron-vite -D 2、创建项目 yarn create @quick-start/electron 这里项目名字为:electron-app(自行修改),使用react框架 3、进入项目目录 cd electron-app 4、安装依赖 yarn 5、运行 yarn dev 6、修改页面 src/renderer/src即为修改页面的位置 ...
第一步:搭建VITE项目 1、进入任意空文件夹,地址栏输入cmd回车,命令符下输入code回车,即可直接用vscode打开该文件,也可以直接运行vscode打开此文件夹 2、vscode打开后,按快捷键 ctrl+shift+` 打开一个终端,输入 yarn create vite 回车, 提示:project name即文件夹名称,可缺省或自定义输入; ...
1、执行如下命令创建一个新的Vite项目: $ yarn create vite 输入项目名称:electron-client,选择框架:Vue,之后选择使用JavaScript。 2、进入项目根目录: $cdelectron-client 3、安装项目依赖: $ yarn add --dev electron concurrently cross-env electron-builder wait-on ...
vite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.js文件 用来写主进程代码 const{app,BrowserWindow}=require('electron');constpath=require('path');process.env['ELECTRON_DISABLE_SECURITY_WARNINGS...