1.基于 Vite 创建 Vue3 项目 03:29 2.安装和配置 Electron 05:35 3.兼容 mac 02:42 4.win 应用打包 04:38 5.mac 应用打包 04:03 6.基于 Vite【模板】创建和打包 Electron 03:51 小白也能听懂的人工智能课,入学不亏! 零基础学AI 我使用 Tauri 和 Electron 构建了桌面应用 SunlitCherimoya...
全局引入非常简单,这里不做详细介绍,咱们直接走按需引入element-plus官网地址安装依赖element-plus相关依赖npm install element-plus --savevite按需引入插件npm install -D unplugin-vue-components unplugin-auto-import2.配置文件修改vite.conf这是我的一个技术博客网站,主要目地是为了方便自己整理基础知识应用与收集常...
官网图标配置1.安装依赖npm install @element-plus/icons-vuenpm i -D unplugin-icons2.配置自动导入然后我们参考element提供的配置模板调整vite.config.ts// ...import Ic这是我的一个技术博客网站,主要目地是为了方便自己整理基础知识应用与收集常见技术问题,以便后面出现同样问题可以直接解决; 既然element-plus我们...
基于最新前端技术栈Vite5.x、Vue3、Electron31、ElementPlus、Vue-I18n、Echarts搭建项目模板。支持中英文/繁体国际化解决方案,支持动态权限路由、多页签缓存路由。 技术栈 编码工具:Vscode 框架技术:vite^5.3.4+vue^3.4.31+vue-router^4.4.0 跨端框架:electron^31.3.0 UI组件库:element-plus^2.7.8 状态管理:p...
项目使用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项目 npm create vite@latest electron-desktop-tool 进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron 目录结构 ...
一说到创建桌面应用,就不得不提及Electron和Tauri框架。这次给大家主要分享的是基于electron最新版本整合vite4.x构建vue3桌面端应用程序。 之前也有使用vite2+vue3+electronc创建桌面端项目,不过vue-cli-plugin-electron-builder脚手架插件构建的项目electron版本只有13.x。如今electron版本都到了24,显然不能再用之前的方...
初学electron,需要把自己写的小软件移植到龙芯平台,记录下步骤: 我编写的小工具使用electron-vite创建,基于vue3+elemnet-plus,ts语言。 我这台龙芯设备指令集是loong64。 移植的步骤如下: 去龙芯社区官网下载龙芯的node,我使用的是v20;然后安装,将node程序加入PATH路径中。 将要移植的程序拷贝至龙芯设备中,并进入...
Electron 相关放在electron Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 Vue3.4 至于标题特地指出Vue3.4版本,主要是新出的几个特性比较香,这里简单提一下 ...
有时,我们需要在 Electron 应用中集成一个后端服务器来处理复杂的逻辑或与数据库交互。Express 是一个轻量级且灵活的 Node.js 框架,非常适合这种需求。在这篇博客中,我们将探讨如何在 Vite + Vue 3 + Electron 项目中集成 Express。 项目结构 首先,我们需要创建一个基本的 Vite + Vue 3 + Electron 项目结构。