electron 集成vue环境

た入场券 2021-07-25 01:14 374阅读 0赞

1、创建
    	vue init simulatedgreg/electron-vue xx
    
    2、在创建过程中
    	选择要下载的插件时,*代表选中,直接回车就行
    	下载工具选中electron-builder
    
    3、进入项目
    	cnpm install
    
    4、在.electron-vue/webpack.web.config.js 和.electron-vue/webpack.renderer.config.js中添加
    	(1)找到plugins内的new HtmlWebpackPlugin
    	
    	(2)在template后添加
    		templateParameters(compilation, assets, options) {
    	        return {
    	          compilation: compilation,
    	          webpack: compilation.getStats().toJson(),
    	          webpackConfig: compilation.options,
    	          htmlWebpackPlugin: {
    	            files: assets,
    	            options: options
    	          },
    	          process,
    	        };
    	      },
    
    5、启动
    	npm run dev

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70_pic_center]

6、出现以下界面代表成功

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70_pic_center 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70_pic_center]: /images/20210724/06d2203494d940a9919de70f2d8ebc9e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20210724/88499445fe6c4ab1b1a7ac0ed3c2a9f8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，374人围观）

还没有评论，来说两句吧...

相关阅读

相关 electron-vue项目配置开发环境变量

执行npm run dev 之后，项目是在开发环境下运行在开发环境下配置一些全局变量 1.先找到开发环境配置文件项目结构如图所示： ![1716250-201909

﹏ヽ暗。殇╰゛Y/ 2023年08月17日 17:30/ 0 赞/ 149 阅读

相关 Electron-Vue-ElementUI环境搭建

文章目录导读以前的方法新的方法踩坑记录导读一开始`Vue`生态还尚未完善的时候，`Electron`和其他框架很难整合。现在`

迷南。/ 2022年12月10日 14:41/ 0 赞/ 266 阅读

相关 electron-vue 集成 element-ui

简介什么是 electron Electron 是由 Github 开发，用 HTML，CSS 和 JavaScript 来构建跨平台桌面应用程序的一个开源库。

小灰灰/ 2022年02月20日 08:51/ 0 赞/ 334 阅读

相关 electron 集成vue环境

1、创建 vue init simulatedgreg/electron-vue xx 2、在创建过程中选择要下载的插件时,代表

た入场券/ 2021年07月25日 01:14/ 0 赞/ 375 阅读

相关 electron electron-vue集成vuex

1、在谷歌浏览器下载好vue-devtools,在扩展程序中找到对应的id号 2、在c盘对应路径找到id号对应的版本文件夹 C:\Users

素颜马尾好姑娘i/ 2021年07月24日 19:34/ 0 赞/ 561 阅读

相关 electron 集成react

1、下载 git clone --depth 1 --single-branch --branch master https://github.com/elec

小咪咪/ 2021年07月24日 18:04/ 0 赞/ 362 阅读

相关 electron 集成react

1、创建react项目 npx create-react-app 项目名称 2、安装electron cnpm i electron --save 3、在packa

不念不忘少年蓝@/ 2021年07月24日 16:20/ 0 赞/ 410 阅读

相关 electron electron-vue解决跨域

在main/index.js中添加 webPreferences:{ webSecurity:false } ![在这里

淩亂°似流年/ 2021年07月24日 14:42/ 0 赞/ 529 阅读

相关 electron 环境配置

1、下载electron项目示例 git clone https://github.com/electron/electron-quick-start

傷城~/ 2021年07月24日 13:14/ 0 赞/ 359 阅读

相关 electron electron-vue创建子窗口

只能通过主线程创建窗口 1、配置路由,在router/index.js中配置好窗口对应的路由 2、在main/index.js主线程

Love The Way You Lie/ 2021年07月24日 11:25/ 0 赞/ 1199 阅读