electron 集成vue环境

た入场券 2021-07-25 01:14 386阅读 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 条评论，386人围观）

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

相关阅读

相关 Electron集成Vue

Electron集成Vue 通过脚手架执行下面的命令即可创建一个electron-vue的项目； vue init simulatedgreg/elec

àì夳堔傛蜴生んèń/ 2024年03月24日 16:43/ 0 赞/ 8 阅读

相关 Electron中与Vue集成流程

场景用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld： [https://blog.csdn.net/BADA

傷城~/ 2023年10月06日 10:44/ 0 赞/ 21 阅读

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

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

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

相关【electron-vue】一、elecron-vue 环境搭建

一、Electron-vue 项目创建 1.1 创建项目安装脚手架 npm install -g vue-cli 安装脚手架

分手后的思念是犯贱/ 2023年02月16日 04:22/ 0 赞/ 25 阅读

相关 Electron-Vue-ElementUI环境搭建

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

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

相关 electron-vue 集成 element-ui

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

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

相关 electron 集成vue环境

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

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

相关 electron electron-vue集成vuex

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

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

相关 electron 集成react

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

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

相关 electron 集成react

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

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