脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.renderer.config.mjs。这里修改vite.renderer.config.mjs如下。 import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue' import { resolve } from 'path' // https://vitejs.dev/config expo...
我们需要先借助Vite初始化一个Vue3+TS 的项目,后面我们在逐步添加electron,在任何一个文件夹下: 执行命令: npm create vite@latest my-vue-app -- --template vue-ts 安装依赖: npm install 运行项目: npm run dev 这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。 2.安装Electron相关包 初始...
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://vitejs.d...
首先我们为工程安装一个 Vite 组件:vite-plugin-optimizer npm i vite-plugin-optimizer -D 1. 然后修改 vite.config.ts 的代码,让 Vite 加载这个插件,如下代码所示: // vite.config.ts import { defineConfig } from "vite"; import vue from "@vitejs/plugin-vue"; import { devPlugin,...
我们需要先借助Vite初始化一个Vue3+TS的项目,后面我们在逐步添加electron,在任何一个文件夹下: 执行命令: npm create vite@latest my-vue-app -- --template vue-ts 安装依赖: npm install 运行项目: npm run dev 这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。
项目使用electron-vite脚手架搭建 ps:还有一个框架是electron-vite,这个框架我发现与pixi库有冲突,无法使用,如果不用pixi也可以用这个脚手架。 node 版本建议18+ --- 运行live2D相关依赖 1.pixi.js npm install pixi.js@6.5.10 // pixi 后面可能运行会报错,提示需要安装unsafe-eval // 需要注意pixi...
首先通过命令行创建一个 Vue 项目: npmcreatevite@latestelectron-jue-jin-- --template vue-ts 接着安装 Electron 开发依赖: npminstallelectron -D 安装完成后,你的项目根目录下的 package.json 文件应该与下面大体类似: {"name":"electron-jue-jin","private":true,"version":"0.0.1","scripts":{"dev"...
2.下载 Electron + Vite + Vue3+TS 脚手架项目 自己新建vue+vite+electron+ts项目费时且易错,可直接下载下面的脚手架项目来使用。 GitHub - electron-vite/electron-vite-vue: 🥳 Really simple Electron + Vite + Vue boilerplate. ...
一说到创建桌面应用,就不得不提及Electron和Tauri框架。这次给大家主要分享的是基于electron最新版本整合vite4.x构建vue3桌面端应用程序。 之前也有使用vite2+vue3+electronc创建桌面端项目,不过vue-cli-plugin-electron-builder脚手架插件构建的项目electron版本只有13.x。如今electron版本都到了24,显然不能再用之前的方...