然后安装 Electron 和 Vue 3: npminstallelectron --save-devnpminstallvue@next vue-router@next--savenpminstalltypescript --save-devnpminstallts-loader --save-dev 1. 2. 3. 4. 接下来,安装 Vue CLI: npminstall-g@vue/cli 1. 项目结构 创建以下项目目录结构: HelloWorldElectron/ ├── public/ ...
渲染进程框架Vue3 + Typescript UI框架Element-plus 后端NestJS 功能点 插件新增,插件启动 插件运行,插件窗体管理 插件版本管理 插件开发者模式,API、数据库支持 插件重载,插件打包,插件发布 第三方插件压缩包安装 插件下载,插件安装,插件更新 插件设置 用户账号登录注册 应用设置,快捷键管理 应用更新 应用常规功能(拖...
"build": "vite build","serve": "vite preview","electron:serve": "electron ."//新增},"dependencies": {"vue": "^3.2.16"},"devDependencies": {"@vitejs/plugin-vue": "^1.9.3","electron": "^15.1.2","vite": "^2.6.4"}
Step1 使用 vue 最新脚手架实例化项目 ## 安装 vue 脚手架(最新)npm install @vue/cli# 实例化 vue 项目vue init vue3-electron-ts## 配置项目选项:vue3、babel、ts、node-sass、router、eslint# 进入项目目录(你自己的项目目录下,对应你上面创建的目录名称)cdvue3-electron-ts 注:这样我们的 vue 项目就...
electron核心我们可以分成2个部分,主进程和渲染进程。主进程连接着操作系统和渲染进程,可以把她看做页面和计算机沟通的桥梁。渲染进程就是我们所熟悉前端环境了。只是载体改变了,从浏览器变成了window。传统的web环境我们是不能对用户的系统就行操作的。而electron相当于node环境,我们可以在项目里使用所有的node api 学习...
electron+vue3+typescript 实现流程 1. 确保环境准备 在开始开发前,需要确保本地环境已经安装了以下工具: Node.js:用于运行JavaScript的运行时环境。 npm:Node.js的包管理工具,用于安装和管理开发所需的依赖包。 2. 创建一个新的项目 首先,我们需要创建一个新的项目文件夹,并在终端中进入该文件夹: ...
vite-plugin-electron插件是将 vite 和 electron 结合在一起的,可以让我们非常方便的结合 electron 和 vue,需要做一些指定的配置。 初始化electron项目 新建目录文件electron-main/index.ts主进程目录和文件、electron-preload/index.ts预加载目录和文件 // electron-main/index.ts ...
目前常用创建 Electron + Vite + Vue3 + Typescript 项目的工具有两个: Electron Forge,该工具为Electron的官方工具 2. Electron-vite,该是一个新型构建工具,已经逐渐成为 Electron 开发生态的一部分。 经过两…
"@vitejs/plugin-vue": "^5.0.4", "electron": "^30.0.0", "electron-builder": "^24.13.3", "electron-devtools-installer": "^3.2.0", "typescript": "^5.2.2", "vite": "^5.2.0", "vite-plugin-electron": "^0.28.4", "vue-tsc": "^2.0.6" ...
Electron结合Vue3.2和TypeScript有哪些优势? 使用Vite搭建Electron+Vue3.2+TypeScript项目的步骤是什么? 在Electron+Vue3.2+TypeScript项目中如何进行性能优化? Electron可以让程序员重用Web的代码,使用HTML、CSS、JavaScript来构建桌面应用,并在不同平台上使用。 Electron官网上说:“比你想象的更简单”———“如果你可以...