1.首先使用 vue create demoproject命令创建项目 2.在项目中使用命令 vue add electron-builder 这一部命令我是在vscode里面执行的,vscode使用的powershell对这个命令有限制,需要 执行set-ExecutionPolicy Unrestricted来允许。这一步,可能比较慢,建议更改npm源为国内镜像 3.执行npm install 三.使用vue来开发页面 1.确...
(1)electron-vue中隐藏顶部菜单(在主进程里也就是main文件夹里的index.js文件中)放在function createWindow里 mainWindow.setMenu(null) (2)electron-vue中隐藏关闭最大化最小化按钮 mainWindow=newBrowserWindow({height:620,useContentSize:true,width:1280,frame:false/*去掉顶部导航去掉关闭按钮最大化最小化按钮*...
一、electron-quick-start + vuecli 在electron官网中提供一个快速创建electron 项目的模板electron-quick-start electron-quick-start 1、clone 模板到本地 2、使用npm install安装包(electron安装缓慢,后续更新教程) 3、使用npm run start 就可以启动项目,测试是否安装成功 4、使用vue-cli创建一个vue项目,然后打包到...
vueinit项目路径 项目名 完成 启动项目报错 若第一次启动项目报错如下: 大概意思是 提示 src/index.ejs 中没有定义 process 。 原因分析:大概是html-webpack-plugin插件处理该ejs文件时,没有读到该插件对应有process属性,应该是去配置文件 "./electron-vue/webpack.render.config.js" 文件中读取HtmlWebpackPlugin...
先创建vue项目 npm create vite@latest electron-desktop-tool 进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron 目录结构 ...
vue-cli + electron,目前是我采用的方式。 搭建vue项目 此处不多做介绍,直接看文档,我使用的是vite+vue3,有需要的可以去看文档 安装electron npm i -D electron 配置electron入口 新建electron文件夹 image.png 代码结构如图 // main.jsconst{app,BrowserWindow}=require('electron');constgetMenuPersonal=require(...
学习Electron入门到精通,掌握Vue3+Vite搭建脚手架项目 #前端 #electron #electron-builder #代码 - 李钟意讲前端于20230601发布在抖音,已经收获了8.7万个喜欢,来抖音,记录美好生活!
Vue CLI Plugin Electron Builder 是基于Vue Cli的,因此项目的搭建非常方便。 创建vue项目 首先,安装:npm i @vue/cli -g 接着,创建项目:vue create tasky-vue 运行该命令后,会有一系列选择项让我们进行选择,在我们这个项目中,选择如下: ? Please pick a preset: Manually select features ...
环境搭建 默认有 node 环境. 先安装electronvuevue-cli,因为electron-vue中有内置webpack,无需再装一个独立的webpack。 npm install -g electron npm install -g vue npm install -g vue-cli AI代码助手复制代码 创建一个空文件夹,DOS命令窗口进入该文件夹位置,初始化一个electron-vue项目。
我们在HelloWorld.vue文件中补充一个el-button,如下: 点击脚本运行显示效果如下: 4.自动导入文件说明 运行后我们会发现项目的根目录下面会多出两个自动导入的ts声明文件: 我们打开components.d.ts,可以看到里面自动导入了ElButton和HelloWorld两个组件 此时我们可以删除App.vue中的HelloWorld组件的导入,如下: ...