10.npm uninstall moudleName:卸载node模块 https://zhuanlan.zhihu.com/p/471496440 node.js 安装及环境配置超详细教程 二Electron-vite 1.使用electron-vite创建工程 目录在 xxxx_projects\favorite_modules\electron-vite 推荐使用最简单的方式创建electron-vite项目 npm create @quick-start/electron//有几个选项,依...
进程间的基本使用参见上面的教程【进程间通信】,这里需要介绍的是在electron-vite-vue项目中进程间的通信写法 electron-vite-vue项目packages的目录结构如下(即源码的目录结构) ├── packages | ├── main 主进程源码 | | └── index.ts | | └── vite.config.ts | ├── preload 预加载脚本源码 ...
我们需要先借助Vite初始化一个Vue3+TS 的项目,后面我们在逐步添加electron,在任何一个文件夹下: 执行命令: npm create vite@latest my-vue-app -- --template vue-ts 安装依赖: npm install 运行项目: npm run dev 这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。 2.安装Electron相关包 初始...
代码如下: {"name": "my-vue-app","private": true,"version": "0.0.0","main": "dist/electron-main/index.js","scripts": {"dev": "vite","build": "rimraf dist && vite build && electron-builder","preview": "vite preview"},"dependencies": {"vue": "^3.2.25"},"devDependencies":...
按照正常的vite+electron项目创建流程系统会自动将包下载到这个地方,如果没有手动加进去 在.cache文件夹中创建个electron文件夹把electron包放进去就ok 最后npm run dev启动就完事 如果使用vueCli脚手架创建项目 可能会遇到报错vue-cli-service: Permission denied ...
《2023金秋版：基于electronvite构建Vue桌面客户端》是一个针对Vue技术栈开发者，使用electronvite框架构建桌面客户端的教程。以下是该教程的一些核心要点：技术背景：Electron：基于Chromium和Node.js，为跨平台应用开发提供了强大支持，尤其在C/S架构需求增长的背景下，其优势愈发明显。桌面应用优势：相比网页...
还没有简单基础项目的小伙伴赶紧搭建一个Electron项目,具体可以参考:Electron + Vue3 + TS + Vite 桌面应用项目搭建教程。 我们先来看一下基础的项目目录结构吧,如下图: 本篇文章我们重点关注electron-main这个目录,该目录就是electron项目的主进程目录,我们将在这里面封装打开新窗口的一些方法。
Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 Vue3.4 至于标题特地指出Vue3.4版本,主要是新出的几个特性比较香,这里简单提一下 解析器速度提高 2 倍,SFC 构建性能提升,更高效的响应式系统 ...
electron-vite【实战】登录/注册页 效果预览 项目搭建 技术要点 路由默认跳转到登录页 src/renderer/src/router/index.ts routes: [ // 默认跳转到登录页 { path: '/', redirect: '/login' }, ...routes ] 1. 2. 3. 4. 5. 6. 7. 8.