electron桌面应用开发(一)

2019-09-29 16:19:49 浏览数 (1)

本文目录:

前言新建项目安装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就是这个项目的名称。

代码语言:javascript复制
vue init simulatedgreg/electron-vue efonmark

(不得不说下载速度太慢了,澡都洗完了,回来还没下好。)

  • 运行

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

代码语言:javascript复制
cd efonmark
npm install # 安装依赖
npm run dev # 运行程序

结语

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

参考

  • electron-vue 集成 element-ui

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

0 人点赞