第三步 npm install 或 安装淘宝源下载速度快点,安装好之后 cnpm install 将必要得模块下载下来 第四步 将你做好得 vue 项目所需得文件放在 electron 项目得根目录下面,理论下你得 vue项目能直接在浏览器下面跑起来就没问题 注意路径问题,项目得路径必须要是相对路径,不要用绝对路径 第五步 运行 npm start 就...
/template> <script lang="ts"> import { Vue } from 'vue-class-component' import ...
//package.json{"name":"electron-quick-start","version":"1.0.0","description":"A minimal Electron application","main":"main.js",//设置入口文件main.js"scripts":{"start":"electron ."}...} 步骤二. 使用vue-cli新建一个项目,并安装相关依赖 vue init webpack test-electron cd test-electron ...
$ cd electron-quick-start # 安装依赖并运行 $ npm install && npm start 然后通讯Api地址 h1主程序 // Modules to control application life and create native browser window const {app, BrowserWindow, ipcMain} = require('electron') const path = require('path') // Keep a global reference of th...
1、使用vuecli创建vue项目 我用的vue2 vue create qq_test 2、安装electron npm install electron -g //or npm install electron@12.0.11 //老版本 3、vue项目安装Electron-builder打包工具 版本我选择的是12 vue add electron-builder 4、在vue项目的src下有个background.js文件 ...
这其实也是vue程序的宿主页面 根目录下,还有一个build子目录, 如果没有,你执行一下npm run build命令就有了, 你产品开发完, 打包出来的东西,就放在这个目录下; 这个目录下,有一个icons的子目录 打包的时候,从这个子目录里取图标, 打包出来的可执行文件的图标,就是从这里得来的; ...
electron-vue小试身手 最近一个项目(vue)需求是用硬件来触发web端页面显示以及效果的切换,客户的硬件设备只支持用tcp协议通讯,而我们的前端呢是用不了tcp的,众所周知在浏览器端,我们只能用http/https协议(ajax)和websocket协议来通讯,前端页面开发完成之后,我用node起了一个websocket实现了项目需求,但是终归还是要用...
1. 在原先已有的Vue项目里面,打开终端执行vue add electron-builder ; 2. 选择合适的版本安装好这个插件,执行npm run electron:serve ; 3. 如果页面没有什么错误,就会弹出一个vue的应用窗口,说明准备工作已经完成; 4. 如果需要修改桌面应用界面或窗口之类的一些配置,则需要在package.json文件最后加上“build”键并...
electron是使用html构建页面ui的,所以任何可以运行在浏览器中页面都可以加载,那么对简单的就是直接使用我们打包之后的dist中index.html直接运行,首先克隆官方的模板,安装依赖运行起来: 安装electron 运行之后,接下来就是集成我们的vue,直接把vue打包之后的dist目录下文件复制到electron项目根目录下,覆盖index.html,重新启动...