electron-vue

不管是后端的工程化还是前端的工程化，工程化都会在一定程度上提升入门的门槛，前端的工程化，你搭建一个开发环境可能就需要很长时间，这段时间会非常的打击用户的积极性，环境的搭建会一次次的带给你挫败感，有时候就是一些简单的配置，就可能让你在环境搭建的路上停滞很久，所以在入手一些现代框架的时候可以用原始的方法开始，可以查看我使用VUE的非工程化项目。

• 使用electron-vue需要注意的事项

1、编码最重要的是数据结构与算法，但是我们入手一门新的语言和框架的时候，需要从最该语言或框架最基础的开始么？答案是不需要，入手一门语言，需要找到改语言应用领域最多的框架，学习一个框架需要找到这个框架的最优、最简单的模板代码。

2、学习一个框架，一定要看这个框架的官网，第一遍不一定要看官网上的框架文档，可以先了解官网的或是github的结构，善用官网或是github上的搜索功能，说不定有些官网还有中文文档，我一般入门喜欢看中文文档，查问题看英文文档，先用百度再用google，有些问题完全没必要动用google。

3、如果一个项目是在github上开源的，那么我们在遇到问题的时候，最好是到github上的issues中去找对应的问题，但是需要注意的是搜索使用英文关键字。

• 使用electron-vue遇到的问题

1、打包后的页面出现空白页。

这个问题的难点在于没有报错，我们需要找到报错在哪里，所以我们需要能看到报错发生在哪里，需要在设置窗口打开时显示调试工具：

mainWindow.webContents.openDevTools()

这样我们在打开窗口的时候会发现，在调试工具中看到了报错,报错的内容大致可以看到这里link