electron-vue-boilerplate

授权协议 MIT License
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 不详
投 递 者 宿嘉
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

electron-vue-boilerplate

Simple boilerplate for building Vue app with Electron and Webpack.


Whats under the hood?

Install

# 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

Usage

# [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

Scripts

# 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

App structure

.                                   # 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

License

MIT

  • 问题 由于项目需求,在使用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 读卡器,然后每张卡有编号,刷卡读取到编号,然后和当前登录的会员绑定