介绍
起手该项目的缘由是因为原项目已经停止维护了很久,electron的版本号还停滞在1.x版本,所以就在原项目的基础上更新了所有依赖,并且融入了的核心代码以及融入了我自己的一些代码。同时如果您打算使用这些核心代码的话,还请希望结合该教程。内置了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 生态圈
Vue Router
是 vue 官方的路由。它能快速的帮助你构建一个单页面或者多页面的项目。
是为 vue 文件定制的一个 webpack 的 loader,它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件。它能在开发过程中使用热重载来保持状态,为每个组件模拟出 scoped CSS 等等功能。不过大部分情况下你不需要对它直接进行配置,脚手架都帮你封装好了。
Vue Test Utils
是官方提供的一个单元测试工具。它能让你更方便的写单元测试。
Vue 在浏览器下的调试工具。写 vue 必备的一个浏览器插件,能大大的提高你调试的效率。
Vetur
是 VS Code 的插件. 如果你使用 VS Code 来写 vue 的话,这个插件是必不可少的。