学习Electron入门到精通,掌握Vue3+Vite搭建脚手架项目 #前端 #electron #electron-builder #代码 - 李钟意讲前端于20230601发布在抖音,已经收获了8.7万个喜欢,来抖音,记录美好生活!
先用Vite创建一个Vue3的工程,这就是你的实际项目工程 接着安装几个Electron相关的依赖,最终我的工程下的依赖情况如下: 代码语言:javascript 复制 "@vue/compiler-sfc":"^3.0.0","vite":"^1.0.0-rc.9","vue":"^3.0.2","vue-router":"^4.0.0-rc.1","electron":"^11.0.2","electron-builder":"^...
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'; import vue from '@vitejs/plugin-vue' import { resolve } from 'path'...
脚手架生成的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.dev/configexportdefaultdefineConfig({plugi...
Electron、Vite和Vue3的结合,为我们提供了一个强大而灵活的解决方案,能够快速开发出美观、功能丰富的跨平台桌面应用。 一、Electron简介 Electron是一个使用Web技术(HTML, CSS, 和JavaScript)来创建跨平台桌面应用程序的框架。它结合了Chromium和Node.js,让开发者能够使用前端技术来编写应用界面,并通过Node.js访问底层...
所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 我前段时间做了一个, 但是发现了一些与Vite有关的问题, 比如:Vite会把开发环境的process对象吃掉的问题 这对于web项目来说问题不大,但对于我们的Electron项目来说,就影响很大了 今天我就把这个思路和实现方式的关键代码发出来供大家参考, ...
npm init electron-app@latest my-new-app -- --template=vite 1. Vue3 添加vue依赖 复制 npm install--save vue 1. 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.renderer.config.mjs。这里修改vite.renderer.config.mjs如下。
首先,我们通过Vite 提供的脚手架,创建一个基础的Vue 模板工程。 操作过程很简单, 我们通过下边的命令, 直接创建然后,选择即可。 npm init vite cd [project-name] npm install 初始化完,项目工程。 我们进入目录,使用命令,npm run dev, 就可以看到 Vite 模板工程的首页了。 接下来,我们将把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://...
基于Vite搭建Electron+Vue3的开发环境 作者| liulun 目前社区两大 Vue+Electron 的脚手架:electron-vue 和 vue-cli-plugin-electron-builder。 都有这样那样的问题,且都还不支持 Vue3,然而 Vue3 已是大势所趋,Vite 势必也将成为官方 Vue 脚手架,下图是尤雨溪在开发好 Vite 之后与 webpack 之父的对话:...