import { useRouter } from 'vue-router'; const router = useRouter() const go = () => { router.push('/'); }; 「3、配置路由表」 在src下新建一个router目录,然后在里面添加一个index.ts文件,在里面配置路由 // src\router\index.ts import { createRouter, createWebHashHistory } from '...
less":"^4.1.3","prettier":"^2.8.8","vite":"^4.3.9","vue":"^3.3.4"}} 执行npm run dev 会看到 4.打包exe 执行npm run build:win就会开始打包,打包前会从github下载必要的3个资源文件,这三个文件虽然不大,但是大概率要下载失败,所以手动点击报错信息上的网址手动下载下来。 winCodeSign-2.6.0.7z...
],*/"nsis": {"oneClick":false,"allowToChangeInstallationDirectory":true,"perMachine":true,"deleteAppDataOnUninstall":true,"createDesktopShortcut":true,"createStartMenuShortcut":true,"shortcutName":"ElectronVite4Vue3"},"win": {"icon":"./resource/shortcut.ico","artifactName":"${productName...
(3) 在electron/index.js下配置窗口基本信息 注意:静态页面index.html,因为index页面是我们加载main.js,配置全局引用的地方,所以在打包的时候需要把index.html进行保留,这个会在打包时候标注 5. 配置路由 安装引入依赖 npm install vue-router (1) 将app.vue内容删除,补充router-view (2) 注意:<template><router...
Vite + Vue 3 + electron 环境搭建 第1步,建立一个新的vite项目 yarn create vite 第2步,安装项目依赖 yarnadd-D concurrently cross-env electron electron-builder wait-on 第3部,修改package.json文件 添加build节点,更多的信息可以参阅electron.build...
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如下。 复制 import{defineConfig}from'vite';importvuefrom"@vitejs/plugin-vue";// https://...
Vue3 Vite electron 开发桌面程序 Electron是一个跨平台的桌面应用程序开发框架,它允许开发人员使用Web技术(如HTML、CSS和JavaScript)构建桌面应用程序,这些应用程序可以在Windows、macOS和Linux等操作系统上运行。 Electron的核心是Chromium浏览器内核和Node.js运行时环境。Chromium内核提供了现代浏览器的功能,例如HTML5和...
整个项目采用vite5.x构建工具整合electron跨端技术,使用vue3 setup语法编码开发。 入口配置main.js import { createApp } from 'vue' import './style.scss' import App from './App.vue' // 引入组件库 import ElementPlus from 'element-plus'
VUE 路由设置与Element-Plus安装 npm install vue-router npm install element-plus 安装后新建相关文件夹与文件 需要注意的是路由模式要使用hash模式 image.png router/index.ts import{createRouter,createWebHashHistory,typeRouteLocationNormalized,createWebHistory}from"vue-router";importroutesfrom"./routes";const...
基于Vite 搭建 Electron+Vue3 的开发环境 目前社区两大 Vue+Electron 的脚手架:electron-vue 和 vue-cli-plugin-electron-builder。都有这样那样的问题,且都还不支持 Vue3,然而 Vue3 已是大势所趋,Vite 势必也将成为官方 Vue 脚手架,下图是尤雨溪在开发好 Vite 之后与 webpack 之父的对话:...