将现有Vue项目改为electron桌面端

零、前言

之前看了看electron-vue,感觉还是存在一些问题的,比如electon的版本特别特别低,不能忍受。且如果你是用vue搭建的项目,最后希望能够打包成桌面端,其实很简单。

一、基本步骤

(1)创建vue项目、并进行开发

vue create vueDemo

(2)突然一天我想打包成桌面程序了

// 进入项目目录
cd vueDemo

// 添加electron相关库
vue add electron-builder

 这时,他也会自动下载electron。

问题处理:如果最后报错说没有下载成功,那么删掉有问题的模块,使用cnpm进行下载。

cnpm install

二、运行

这里面有几行是执行了vue add electron-builder自动添加进来的。

运行vue的web端:

npm run serve

结果:

 

我这把vue的首页换掉了,所以是这样子:

 打包vue的web端:

文件列表:

 

运行electron搞的cs端:

npm run electon:serve

 

打包electron搞得exe:需要科学上网哦

npm run electron:build 

文件列表:

 

 四、结束

简单记录了下现有vue项目结合electon制作成cs客户端的方法,不会影响到vue的web端的相关执行,后续研究在此基础上结合electron进行开发。

热门文章

暂无图片
编程学习 ·

Java基础——数据库连接信息使用密文

背景数据库连接配置文件一般都是使用明文,这会带来数据库泄露的安全问题。例如jdbc.properties配置文件中,数据库连接地址、用户名、密码都是明文,如何使配置文件中的数据库连接信息避免明文显示是本文重点内容,即如何使配置信息使用密文就可以达到跟明文一样的效果。分析假…
暂无图片
编程学习 ·

10.4 引用的本质

10.4 引用的本质 引用的本质其实是一个指针常量。 也就是说:int &b = a;本质上是:int* const b = &a;回想一下引用的一个特性(引用一旦确定了引用关系就不能改变)不难发现,这与指针常量的特性一样。指针常量也是不能再改变指针指向的地址。
暂无图片
编程学习 ·

元注解

元注解 元注解时定义注解的注解,是Java提供的用于定义注解的基本注解注解 说明@Retention 是注解类,实现声明类Class,声明类别Category,声明扩展Extension@Target 放在自定义注解上的上边,表明该注解可以使用的范围@Inherited 允许子类继承父类的注解,在子类中可以获取使…
暂无图片
编程学习 ·

电商新手做亚马逊要怎样开始?

"说到互联网创业,很多人的第一个想到的是淘宝,但是很多人并不清楚,经过十几年的发展淘宝已经很难再进入了,利润也是下降到了最低,很多的卖家都在寻找机会做转型,而你一个毫无经验的小白现在进入,基本可以说很难生存,近年来,我国的跨境电子商务进入迅猛的发展阶段,…
暂无图片
编程学习 ·

20北大软微华为实验班——排序题

学习目标:完成10017~10022 共6题(排序算法)中至少3道题。 1.基本排序题输入: 5 3 1 8 6 1 输出: 1 1 3 6 8思路一:冒泡排序(把最大的换到最后面) #include <iostream> using namespace std;int a[500000]={0};int main() {int n;cin>>n;//输入数据for(int …
暂无图片
编程学习 ·

Mysql 5.7实现存在则更新,不存在则新增

需求:如果表中存在某行,那么更新即可;不存在某行,那么就新增一条。通常是将主键索引或唯一索引作为判断条件。思路:可以使用Mysql的INSERT ... ON DUPLICATE KEY UPDATE或REPLACE或UPDATE实现。如果希望一条语句实现,可以考虑前两种实现创建一张表,表中包含自增Id和唯一…
暂无图片
编程学习 ·

AssemblyInfo.cs文件参数具体讲解

AssemblyInfo.cs文件参数具体讲解 原文地址:https://www.cnblogs.com/scy251147/archive/2010/10/23/1859576.html 在asp.net中有一个配置文件AssemblyInfo.cs主要用来设定生成的有关程序集的常规信息dll文件的一些参数,下面是默认的AssemblyInfo.cs文件的内容具体介绍 //是否…
暂无图片
编程学习 ·

SpringBoot

文章目录springboot的产生背景?spring boot pom依赖jar包的==@SpringBootApplication==Spring Boot 启动注解思维图**@SpringBootConfiguration**:**@EnableAutoConfiguration**:快速创建SpringBoot工程配置文件YML语法配置文件值获取@PropertySource&@ImportResource配置…
暂无图片
编程学习 ·

zabbix(三)对服务的监控

文章目录zabbix(三)对服务的监控httpd/nginxmysql zabbix(三)对服务的监控 httpd/nginx 1>给 server2 添加 httpd 监控 但是这个 http 监控的监控项只有一个,下面在 server3 上自定义 nginx 的监控#源码编译 nginx,关闭 debug,添加监控模块 [root@server3 nginx-1.15.8]#./c…
暂无图片
编程学习 ·

JavaScript(ES5)字符串的方法

字符串的方法toString 、indexOf 、lastIndexOf 、toUpperCase 、toLowerCase 、split 、replace 、substr 、substringtoString-----其他类型转换为字符串 let num = 837; let str = num.toString(); console.log(str);// 语法: 字符串变量名=非字符串变量.toString();【注】…
暂无图片
编程学习 ·

windows系统远程提权提升、MySQL UDF提权

本文目录权限提升提权本质提权分类windows系统提权基础命令windows提权辅助工具辅助工具介绍windows远程提权上手操作一下Mysql UDF提权udf介绍udf.dll获取上传udf执行提权命令 前言 小白一枚,之前听过的比较厉害的操作就是提权,维权。今天学习一下。 权限提升 提权本质 提权…
暂无图片
编程学习 ·

GitHub Git bash 常用命令

这里写自定义目录标题1. 下载安装2. 设置GitHub用户信息3. 进入文件夹4. 仓库连接4.1 初始化本地仓库4.2 GitHub上新建一个仓库4.3 配置SSH Key4.3.1 没有的话4.3.2 有的话4.3.3 测试一下4.3 建立连接4.4 文件上传4.5 查看提交记录4.6 pull操作 1. 下载安装 点击下载windows版本…
暂无图片
编程学习 ·

海思NNIE开发系列文章--转载

https://blog.csdn.net/zh8706/article/details/94554337海思NNIE开发系列文章:海思NNIE开发(一):海思Hi3559AV100/Hi3519AV100 NNIE深度学习模块开发与调试记录海思NNIE开发(二):FasterRCNN在海思NNIE平台上的执行流程(一)海思NNIE开发(三):FasterRCNN在海思NNIE平…
暂无图片
编程学习 ·

微信小程序 列表渲染多层嵌套循环

前言入门教程之列表渲染多层嵌套循环,目前官方的文档里,主要是一维数组列表渲染的案例,还是比较简单单一,给刚入门的童鞋还是无从入手的感觉。<view wx:for="{{items}}">{{index}}: {{item.message}} </view>123 还有一个九九乘法表把数据直接写到wx…
暂无图片
编程学习 ·

2020-07-02

网页 你知道什么是网页吗?或者你知道该用什么样的话来形容它吗? 我能想到的话是: 网页是由图片、文字、声音、视频、链接这些个东东组成的扩展名叫html的文件 那啥子叫扩展名呢? 扩展名就是指文件的类型 规定文件应该用哪个软件打开 晓得不啦?那html是个啥呢? html是一种…