首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >electron桌面应用开发(一)

electron桌面应用开发(一)

作者头像
efonfighting
发布2019-09-29 16:19:49
1.3K0
发布2019-09-29 16:19:49
举报
文章被收录于专栏:一番码客一番码客

本文目录:

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

前言

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

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

新建项目

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

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

安装vue

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

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

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-09-29,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 一番码客 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 新建项目
    • 安装vue
      • 初始化一个electron-vue项目
      • 结语
      • 参考
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档