# clone the project git clone https://github.com/electron-vite/electron-vite-vue.git # enter the project directory cd electron-vite-vue # install dependency npm install # develop npm run dev 2 配置router 这里使用vue-router # 安装 npm install vue-router@4 然后src目录下创建ro...
在package.json中添加main节点,用于指定 Electron 主进程的入口文件。 5、编辑vite.config.js: import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' export default defineConfig({+ base: process.env.ELECTRON == 'true' ? './' : '',plugins: [vue()], }) base属性用于指定...
先创建vue项目 npm create vite@latest electron-desktop-tool 进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron 目录结构 这是目前的目录结构 安装electron 在安装 electron之前需...
安装VUE npm install --save vue 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.renderer.config.mjs。这里修改vite.renderer.config.mjs如下。 import{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue'import{resolve}from'path'// https://...
Electron Forge文档:https://www.electronforge.io/ npm init electron-app@latest my-app---template=vite 可选模板 webpack webpack-typescript vite vite-typescript 安装VUE npm install--save vue 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.re...
1、vue3的搭建 npm init @vitejs/app project-name cd project-name npm install npm run dev 1. 2. 3. 4. 浏览器里可以看到页面。vite+vue就搭建好了 2、electron安装 安装electron 这里使用镜像 根目录添加一个 .npmrc文件 加上electron_mirror=http://cdn.npm.taobao.org/dist/electron/ ...
vue vite 项目,直接使用vite启动,主页正常,但是用"electron:serve": "vite build && electron .",主页就是一片空白。 解决 解决也很简单,路径的问题。 修改vite.config.js, 增加base: './',. 大概如下: import{ defineConfig }from'vite'importvuefrom'@vitejs/plugin-vue'// https://vitejs.dev/config...
vite: ^4.3.2vue:^3.2.47electron:^24.4.0electron-builder: ^23.6.0 创建vite4+vue3项目 vite官网提供了npm/yarn/pnpm等方式创建vue3项目。 yarn create vite electron-vite4-vue3 cd electron-vite4-vue3 yarn install yarn dev 到这里一个简单的vite3+vue3项目就初始化好了。
//create-electron-vite脚手架 npm create electron-vite@latest my-app 2、选择模板 PS D:\webPro\yunfeng\electron> npm create electron-vite@latest electron-note ? Project template: » - Use arrow-keys. Return to submit. > Vue React
整个项目采用vite5.x构建工具整合electron跨端技术,使用vue3 setup语法编码开发。 入口配置main.js import { createApp } from 'vue' import './style.scss' import App from './App.vue' // 引入组件库 import ElementPlus from 'element-plus'