Simple boilerplate for building Vue app with Electron and Webpack.
# Clone repository from GitHub to <directory>
$ git clone https://github.com/oliverfindl/electron-vue-boilerplate <directory>
# Switch to <directory>
$ cd <directory>
# Install all dependencies
$ npm install
# [optional] Check and update all dependencies
$ npm outdated
$ npm update
# [terminal 1] Launch Webpack development server with Vue app loaded
$ npm run dev
# [terminal 2] Launch Electron app connected to Webpack development server
$ npm run app
# [terminal 3] Build installers for your current platform
$ npm run dist
# Alias for watch:vue-app
$ npm run dev
# Alias for start
$ npm run app
# Alias for build:electron-app and start:electron-app
$ npm run start
# Launch Electron app connected to Webpack development server
$ npm run start:electron-app
# Build Electron app and Vue app
$ npm run build
# Build Electron app with DevTools disabled
$ npm run build:electron-app
# Build electron app with DevTools enabled
$ npm run build:electron-app-dev
# Copy Electron app assets
$ npm run copy:electron-app-assets
# Build Vue app
$ npm run build:vue-app
# Launch Webpack development server with Vue app loaded
$ npm run watch:vue-app
# Pack Electron app (for development purposes only)
$ npm run pack
# Build installers for your current platform
$ npm run dist
# Build installers for all platforms
$ npm run dist:all
# Build installers for Windows
$ npm run dist:w
# Build installers for macOS
$ npm run dist:m
# Build installers for Linux
$ npm run dist:l
# [internal]
$ npm run postinstall
. # root
├── build # directory for built installers
├── dist # directory for distributables
│ ├── electron-app # directory for Electron app distributables
│ └── vue-app # directory for Vue app distributables
├── src # directory for source code
│ ├── electron-app # directory for Electron app source code
│ │ ├── assets # directory for Electron app assets
│ │ │ └── icon.png # app icon for Electron app
│ │ └── main.js # main Electron app file
│ └── vue-app # directory for Vue app source code
│ ├── assets # directory for Vue app assets
│ ├── components # directory for Vue app components
│ ├── styles # directory for Vue app styles
│ ├── App.vue # main Vue component file
│ ├── index.html # main index file for Vue app
│ ├── index.scss # main style file for Vue app
│ └── main.js # main Vue app file
├── package.json # npm configuration file
├── postcss.config.js # postcss configuration file
├── webpack-electron-app.config.js # Webpack configuration file for Electron app
└── webpack-vue-app.config.js # Webpack configuration file for Vue app
问题 由于项目需求,在使用electron-vue创建electron程序的时候,发现由于electron-vue作者已经不维护了,electron版本还是2.0.4,导致在使用electron的一些新特性的时候收到了限制。因此在查找多方面资料之后,主要是根据知乎的链接进行了相应的electron相关版本更新,经过测试之后,发现没有什么问题。 electron-vue更新后 electron-bu
nodejs和vue的安装不做赘述, 环境搭建参考https://github.com/SimulatedGREG/electron-vue 简言之,安装electron-vue环境只需要打开cmd到你需要的目录,该目录用来存访你的项目my-project和其他项目 执行如下命令即可 # Install vue-cli and scaffold boilerplate npm install -g
title: electron-vue中使用iview 报错this. is readonly的解决办法 toc: false date: 2019-02-12 19:33:28 categories: Web tags: vue iview 报大段xxx is readonly的解决办法 修改.electron-vue文件夹中的webpack.renderer.config.js内第22行的 l
electron-vue 是一个基于 vue 来构造 electron 应用程序的样板代码。 概要 该项目的目的,是为了要避免使用 vue 手动建立起 electron 应用程序。electron-vue 充分利用 vue-cli 作为脚手架工具,加上拥有 vue-loader 的 webpack、electron-packager 或是 electron-builder,以及一些最常用的插件,如
土狗音乐播放器 一个基于 electron-vue 开发的音乐播放器 (持续更新中..欢迎star) 运行 git clone https://github.com/SmallRuralDog/electron-vue-music.gitcd electron-vue-musicnpm install# serve with hot reload at localhost:9080npm run
sunrise-electron-vue [Gitee] [GitHub] 是 SUNRISE 系列项目的前端和 sunrise-spring-boot [Gitee] [GitHub] 是姊妹项目,该项目是一个后台前端解决方案,它基于 vue.js 开发堆栈和 electron 并使用 element-ui 实现。它使用了最新的前端技术栈,内置了 i18n 国际化解决方案,动态路由,权限验证,提
Vue CLI Plugin Electron Builder Easily Build Your Vue.js App For Desktop With Electron Build status: Top Supporters Glenn Frank Quick Start: Open a terminal in the directory of your app created with V
基于 vue (基本上是它听起来的样子) 来构造 electron 应用程序的样板代码。
如题,election 实再没有,golang , python 都可以呀,求推荐! 找了 node-usb 这个库,貌似不太好用,可以读取到 USB 设备,但是我的卡放到读卡器的时候没啥反映! 使用场景就是电脑连接 USB 读卡器,然后每张卡有编号,刷卡读取到编号,然后和当前登录的会员绑定