3、执行启动命令:npm start,就可以启动Electron + Vue项目了。 npm start 1. 二、通过 electron-forge 创建项目 注:模板也可以使用 Electron版Vue:vue-electron,但vue-electron版本比较老,很多更新都没有,所以不建议使用) electron-forge init vue-project --template=vue 1. electron-forge 创建 Vue项目和 创建...
npm exec --package=@electron-forge/cli -c "electron-forge import" 安装后package.json自动生成新的命令 "scripts": { "dev": "vite", "build": "vue-tsc && vite build && electron-builder", "preview": "vite preview", "start": "electron-forge start", ...
1、执行 npm install electron 进行下载,下载不下来可以切换到cnpm尝试(在下载过程中报有zip文件下载不下来的可以直接点击提示链接进行下载,放置到对应的cache文件夹下,在运行npm install即可),cache文件夹路劲如下: 2、vue add electron-builder,electron-builder添加完成后会选择electron版本,直接选择最新版,如图: 2、...
结合Electron Forge、Vite和Vue 3,你可以快速构建功能丰富的跨平台桌面应用程序,尽管你可能只懂web开发,你一样可以轻松的开发出各式各样的桌面应用。而且Vite的快速热更新能力和Vue 3的高效性能,加速了开发周期,使得开发者能够更快地迭代和测试应用。很多vue3的UI可以使用,例如本文选用的arco-design,这就是站在巨人...
Electron Forge文档:https://www.electronforge.io/ npm init electron-app@latest my-app -- --template=vite 可选模板 webpack webpack-typescript vite vite-typescript 安装VUE npm install --save vue 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和...
electron-forge 创建Vue项目和 创建electron项目差不多。区别在于:项目名称后面跟了一个模板参数 template,这个参数其实一直都有,只是之前创建 electron项目时省略了。 2、等待项目创建完毕,进入项目存放目录,执行命令:npm start或electron-forge start,启动项目,如下图所示: ...
Electron Forge文档:https://www.electronforge.io/ npm init electron-app@latest my-app---template=vite 可选模板 webpack webpack-typescript vite vite-typescript 安装VUE npm install--save vue 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.re...
目标是搭建一个不带前端主流框架的electron环境,也就是没有vue和react等。包含的主要组件为: - Electron自不必说 - Electron-forge来打包(packager或者builder也都可以,一样的) - Typescript,用TypeScript有两个原因,首先当然是TypeScript好使,其次是,Electron至今都不能很好的支持ESM,因此直接写js的话,在包的引入...
Electron Forge文档:https://www.electronforge.io/ npminitelectron-app@latest my-app---template=vite 可选模板 webpack webpack-typescript vite vite-typescript 安装VUE npm install --save vue 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.rend...
Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 Vue3.4 至于标题特地指出Vue3.4版本,主要是新出的几个特性比较香,这里简单提一下 解析器速度提高 2 倍,SFC 构建性能提升,更高效的响应式系统 ...