VUE 网页端改成桌面端(Electron)

摘要:
显示效果1.安装vue-cli的先决条件:http://nodejs.cn/download/ npminstall-g@vue/Cli//安装vue--版本。//查询版本2。创建项目vueccreate项目名称。3.安装成功后,执行vueadeletron builder 4.运行npmrunectron:serve 5.打包npmruneectron:

展示效果

  VUE 网页端改成桌面端(Electron)第1张

1、安装vue-cli

  前提安装:http://nodejs.cn/download/

  npm install -g @vue /cli  // 安装

  vue --version  // 查询版本

2、创建项目

  vue create 项目名

3、安装成功后执行

  vue add electron-builder

4、运行

  npm run electron:serve

5、打包

  npm run electron:build

5、安装

  运行dist_electron打包文件中的electron-vue Setup 0.1.0.exe

  详情参考:https://www.jianshu.com/p/d2ab300f8a9a

免责声明:文章转载自《VUE 网页端改成桌面端(Electron)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Web测试基本思路:UI测试、功能测试和兼容性测试Duplicate entry 'javajavajav' for key 'username'下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue中import和require的用法

其实用了这么久的vue,里面有很多东西都没有去细细整理分析,今天就整理一下 Import(模块、文件)引入方式   1.引入js文件     在用的那一页,引入文件     Import tools from ‘./tools.js’     相应的js文件,必须暴露出来   2.引入组件     Import Hello from ‘./componen...

vue 权限管理怎么做

前言 在一个项目中,一些功能会涉及到重要的数据管理,为了确保数据的安全,我们会在项目中加入权限来限制每个用户的操作。作为前端,我们要做的是配合后端给到的权限数据,做页面上的各种各样的限制。 需求 因为这是一个工作上的业务需求,所以对于我来说主要有两个地方需要进行权限控制。 第一个是侧边菜单栏,需要控制显示与隐藏。 第二个就是页面内的各个按钮,弹窗等。 流程...

nginx运行vue项目,并对后端做负载均衡

一、打包vue项目 WebStorm打包vue项目过程参考:Vue_打包并发布项目。 二、部署至nginx 1.上传项目 将打包结果(dist文件夹)通过SFTP上传至Linux服务器(我用的是虚拟机),位置随意,我放到了nginx解压文件夹同级目录下。 2.创建配置文件 进入nginx解压文件夹下创建配置文件,custom.conf是我创建的配置文件。...

vue 动态加载图片路径报错解决方法

最近遇到图片路径加载报错的问题 之前一直都是把图片放到assets的文件下的。总是报错,看到一些文章并且尝试成功了,特意记录下 首先先说明下vue-cli的assets和static的两个文件的区别,因为这对你理解后面的解决办法会有所帮助  assets:在项目编译的过程中会被webpack处理解析为模块依赖,只支持相对路径的形式,如< img sr...

vue 三个环境域名 与 访问url域名不一致 配置,要是一样完全可以 取url地址

# just a flagENV = 'development' # base apiVUE_APP_BASE_API = 'http://dev.api.watermarker-v1.moviebook.cn'       # just a flagENV = 'production'# base apiVUE_APP_BASE_API...

Chrome实用调试技巧

如今Chrome浏览器无疑是最受前端青睐的工具,原因除了界面简洁、大量的应用插件,良好的代码规范支持、强大的V8解释器之外,还因为Chrome开发者工具提供了大量的便捷功能,方便我们前端调试代码,我们在日常开发中是越来越离不开Chrome,是否熟练掌握Chrome调试技巧恐怕也会成为考量前端技术水平的标杆。 介绍Chrome调试技巧的文章很多,本文结合我自...