关注
分享
介绍electron-vue详细用法，主要集中物联网，github：https://github.com/q809198545/electron-vue-demo，持续更新ing，觉得有用的小伙伴麻烦给我Star
诺风丶
记录工作中遇到的问题以及解决方法，欢迎关注https://github.com/q809198545
展开
-
1、electron-vue安装
入门指南这个项目是由 electron-vue 和 vue-cli搭建， 相应中文的文档 点击这里。此项目请使用node7以上，electron-vue强烈推荐用 yarn ，因为它可以更好地处理依赖关系，并且可以帮助减少最终的打包大小。当然国内的小伙伴使用cnpm也可以。 特别注意出现：Use linting with ESLint? (Y/n)，最好选择n，这样可以避免语法检查，大神...原创 2018-03-14 20:03:46 · 45071 阅读 · 2 评论 -
2、electron-vue 编译后运行空白
electron-vue开发环境运行正常，打包编译失败 解决办法 在.electron-vue/webpack.renderer.config.js注释如下代码即可 // nodeModules: process.env.NODE_ENV !== 'production' // ? path.resolve(__dirname, '../node_modules')...原创 2018-03-13 20:31:52 · 48523 阅读 · 2 评论 -
3、electron-vue菜单栏跳转
方法一：主线程与渲染线程通信（1）在主线程目录main的index.js配置如下，其中 mainWindow是BrowserWindow对象...const template = [{ label: '主页', click() { mainWindow.webContents.send('href', 'home'); ...原创 2018-03-13 20:22:10 · 44299 阅读 · 2 评论 -
4、electron-vue安装element-ui
安装Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，它面向企业级的后台应用，能够帮助你快速地搭建网站，极大地减少研发的人力与时间成本，具体用法请参考Element UI yarn add element-ui // 或 cnpm install -save element-uiyarn安装方式npm install -g yarncnpm安装...原创 2018-03-14 21:19:31 · 45580 阅读 · 2 评论 -
5丶electron-vue安装js-xlsx，实现Excel导入导出
安装js-xlsx是一个简单的JavaScript插件，能够读取和写入Excel表格，功能强大，但是上手难度稍大，这里列举一些常用的用法，具体用法请参考js-xlsx yarn add xlsx // 或 cnpm install -save xlsxyarn安装方式npm install -g yarncnpm安装方式npm install -g cnpm -...原创 2018-03-22 12:50:11 · 49593 阅读 · 5 评论 -
6、electron-vue安装node-cmd
安装node-cmd是使用Nodejs在Windows上调用CMD命令，具体用法请参考node-cmdyarn add node-cmd // 或 cnpm install -save node-cmdyarn安装方式npm install -g yarncnpm安装方式npm install -g cnpm --registry=https://registr...原创 2018-03-22 12:56:11 · 41741 阅读 · 3 评论 -
7、electron-vue安装telnet-client
安装telnet-client是使用Nodejs在Windows上调用Telnet命令，具体用法请参考telnet-clientyarn add telnet-client // 或 cnpm install -save telnet-clientyarn安装方式npm install -g yarncnpm安装方式npm install -g cnpm --r...原创 2018-03-22 12:59:37 · 41835 阅读 · 1 评论 -
8、electron-vue安装ssh2
安装ssh2是使用Nodejs在Windows上调用SSH命令，具体用法请参考ssh2yarn add ssh2 // 或 cnpm install -save ssh2yarn安装方式npm install -g yarncnpm安装方式npm install -g cnpm --registry=https://registry.npm.taobao.org...原创 2018-03-22 13:02:37 · 42263 阅读 · 1 评论 -
9、electron-vue安装node-serialport
安装node-serialport是使用Nodejs在Windows上调用串口，具体用法请参考telnet-clientyarn add serialport // 或 cnpm install -save serialportyarn安装方式npm install -g yarncnpm安装方式npm install -g cnpm --registry=ht...原创 2018-03-22 13:07:13 · 42655 阅读 · 2 评论 -
10、electron-updater配置更新版本信息
参考资料:https://electron.build/configuration/configuration 在package.js如下配置..."build": { "productName": "electron-vue-demo", "appId": "com.myh.test", "releaseInfo":{ "原创 2018-03-13 20:47:00 · 43998 阅读 · 2 评论 -
11、electron-vue使用本地存储localStorage
介绍在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。localStorage的优势1、localStorage拓展了cookie的4K限...原创 2018-03-22 13:18:41 · 52474 阅读 · 5 评论 -
12、electron-vue使用数据库NeDB
安装NeDB 是一个轻量级数据库，完全使用javascript编写，并且使用了广为使用的 MongoDB API 使用方式NeDB 被打包成一个 Node module，只需要一个简单的 require 便可以使用NeDB 可以只用作内存数据库，也可以进行数据持久化，你可以把 NeDB 理解为 MongoDB 版的 SQLite具体用法请参考NeDByarn add ned...原创 2018-03-22 13:25:38 · 54976 阅读 · 9 评论 -
13、electron-vue常用API
electron API对话框const { dialog } = require('electron')...dialog.showMessageBox({ type: 'info', title: 'Found Updates', message: 'Found updates, do you want update now?', buttons: ...原创 2018-03-22 13:31:50 · 43439 阅读 · 1 评论