本文目录:
前言新建项目安装vue初始化一个electron-vue项目结语参考
前言
关于electron,前两天一番写了一个开头,搭建开发环境。今天一番尝试去开发一个小的例子,做一些修改。
从实用的角度出发学习,一番首先想到的是electron
搭配element ui
,有现成的例子,可供修改适配,一下就能看到效果,不至于还没开始就放弃。网上搜了一下electron element ui
,很多都是结合vue
,一番也不是做前端的,只知道这个vue
好像最近在前端挺火的。
新建项目
以下所有操作都是在win10下的powershell下进行的。
前面一篇electron的文章我们已经安装了node和npm。
安装vue
代码语言:javascript复制npm install -g vue-cli
初始化一个electron-vue项目
我们通过如下命令来初始化一个vue项目,这里需要输入一些这个项目的参数,我们一路enter默认就好了。
这里的参数efonmark
就是这个项目的名称。
vue init simulatedgreg/electron-vue efonmark
(不得不说下载速度太慢了,澡都洗完了,回来还没下好。)
- 运行
初始化完后,我们就可以进入项目目录运行这个electron-vue
项目了。执行如下命令运行。
cd efonmark
npm install # 安装依赖
npm run dev # 运行程序
结语
好了,今天先到这里,后面我们继续。
参考
- electron-vue 集成 element-ui
一番雾语:方法很重要,方法的改进需要以好身体为基础的精气神。