介绍

起手该项目的缘由是因为已经停止维护了很久，electron的版本号还停滞在1.x版本，所以就在原项目的基础上更新了所有依赖，并且融入了花裤衩大大的vue-admin的核心代码以及融入了我自己的一些代码。同时如果您打算使用这些核心代码的话，还请希望结合该教程。内置了nedb，两种electron自动更新，自定义头部等大家几乎经常用到的功能；相信在基础需求面前，本项目能够最大程度的帮助你

提示

本文档对应GitHub中的第二个分支，master将会再不久迁移同第二个分支。 阅读本文档即默认您拥有前端以及vue基础知识，并拥有部分node基础知识。

前序准备

你需要在本地安装和git。本项目技术栈基于、electron、、vuex、、axios以及，提前了解和学习这些知识会对使用本项目有很大的帮助。

安装

注意

请不要自作主张在安装依赖的时候添加参数！除非您很清楚您正在做什么！

强烈建议不要直接使用cnpm进行安装，那种玄学bug是真的没法说，最好就是用nrm切换一下registry，或者使用yarn，是最好的了。

一般遇到这种错误时，就是electron本体没有下载成功，删除node_module文件夹，并按照上面的设置进行electron镜像地址设置之后就好了

注意

这里的环境指的是windows下，如果您是MacOS或者是linux的话，您可能需要熟悉vim的操作。

在启动完成之后，就会自动打开程序界面了；接下来你就可以针对你自己的需求进行代码的修改和业务开发

在本项目中内置了两个全局文件夹：

• ：在被打包成asar之后，依旧能够提供虚拟路径，一般满足静态文件访问。
• ：无论是否启用asar，均提供一个实体的绝对路径，可在config文件夹中设置，详情请查看调用dll章节。

Vue 生态圈

1. Vue Router 是 vue 官方的路由。它能快速的帮助你构建一个单页面或者多页面的项目。

2. 是为 vue 文件定制的一个 webpack 的 loader，它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件。它能在开发过程中使用热重载来保持状态，为每个组件模拟出 scoped CSS 等等功能。不过大部分情况下你不需要对它直接进行配置，脚手架都帮你封装好了。

1. Vue Test Utils 是官方提供的一个单元测试工具。它能让你更方便的写单元测试。

2. Vue 在浏览器下的调试工具。写 vue 必备的一个浏览器插件，能大大的提高你调试的效率。

3. Vetur 是 VS Code 的插件. 如果你使用 VS Code 来写 vue 的话，这个插件是必不可少的。