Electron-vue项目初探（一）：搭建项目

项目里要用Electron，研究方向是本地数据库/缓存相关，正好年终归账时发现excel效率太低，且分析维度有限，准备用Electron-vue+SQLite3+SQLCipher搭一个简单版的交易分析系统，学有所出。

原来是直接用electron的，小哥说有现成的electron-vue不用重复造轮子(●˘ϖ˘●)，，嗯，，颇有道理，，，

目录

技术栈

初始化项目：electron-vue

初始化项目：vue + electron

集成SQLite3

引入Less

配置Eslint

问题集锦

---

技术栈

前端：vue2 + webpack + es6+ + element-ui + less

数据库：sqlite3 + sqlcipher

跨平台框架：electron-vue

项目地址：https://github.com/m2o2o2d/stock.analysis

界面预览：// 占

初始化项目：electron-vue

1、用vue-cli + electron-vue初始化项目, vue init 需要全局安装@vue/cli-init。

Preset：no sass/scss; axios + vue-electron + vue-router + eslint(standard); karma + mocha; spectron + mocha; electron-builder

$ vue init simulatedgreg/electron-vue stock.analysis

2、安装dependencies，运行项目。

$ npm install
$ npm run dev

运行效果如下：

初始化项目：vue + electron

如果不用electron-vue的话，需要在vue项目中单独引入electron。这里用yarn做依赖版本锁定，懒得改vue-cli的默认配置（手动捂脸。。），后续步骤以npm为例。

1、通过Vu