electron桌面应用开发（一）

本文目录：

前言新建项目安装vue初始化一个electron-vue项目结语参考

前言

关于electron，前两天一番写了一个开头，搭建开发环境。今天一番尝试去开发一个小的例子，做一些修改。

从实用的角度出发学习，一番首先想到的是electron搭配element ui，有现成的例子，可供修改适配，一下就能看到效果，不至于还没开始就放弃。网上搜了一下electron element ui，很多都是结合vue，一番也不是做前端的，只知道这个vue好像最近在前端挺火的。

以下所有操作都是在win10下的powershell下进行的。

前面一篇electron的文章我们已经安装了node和npm。

npm install -g vue-cli

我们通过如下命令来初始化一个vue项目，这里需要输入一些这个项目的参数，我们一路enter默认就好了。

这里的参数efonmark就是这个项目的名称。

vue init simulatedgreg/electron-vue efonmark

（不得不说下载速度太慢了，澡都洗完了，回来还没下好。）

初始化完后，我们就可以进入项目目录运行这个electron-vue项目了。执行如下命令运行。

cd efonmark  npm install # 安装依赖  npm run dev # 运行程序

好了，今天先到这里，后面我们继续。

一番雾语：方法很重要，方法的改进需要以好身体为基础的精气神。