electron-vue 开发(1) 运行electron的demo

朱雀 2021-09-19 23:58 259阅读 0赞

> [electron官网][electron]

## 开发环境 ##

*  win10X64
 *  [Vscode][]
 *  nodejs
 *  yarn

## 使用到的框架 ##

*  [vue全家桶][vue]
 *  [element-ui][]
 *  [mui][]
 *  [electron-vue][]

## 技术栈 ##

*  c++
 *  nodejs
 *  html+css+js

--------------------

接着上一篇.

想运行electron的第一个demo,肯定得安装`nodejs`[链接][Link 1] 我目前安装的是nodejs的 `v10.2.0`版本, 安装完成后打开控制台 输入`node -v` 就可以确定自己有没有安装成功了

另外,推荐的编辑器是`宇宙级神器`VsCode, 最关键的也是用`electron`开发的,微软爸爸牛逼呀! 当然, 安装了nodejs 自然也是要使用到 `npm` 包管理器的了, 在使用npm一段时间后, 我投向了`yarn`的怀抱, 作为一个前端小白, 我还是觉得yarn更好用一点.

如果你完成了上述步骤, 只需要用vscode 打开electorn官网的第一个例子, 先后输入`npm install` `npm run dev`就可以看到demo成功跑起来了.

[electron]: https://link.juejin.im?target=https%3A%2F%2Felectronjs.org%2F
[Vscode]: https://link.juejin.im?target=https%3A%2F%2Fcode.visualstudio.com%2F
[vue]: https://link.juejin.im?target=https%3A%2F%2Fcn.vuejs.org%2F
[element-ui]: https://link.juejin.im?target=http%3A%2F%2Felement-cn.eleme.io%2F2.0%2F%23%2Fzh-CN%2Fcomponent%2Finstallation
[mui]: https://link.juejin.im?target=http%3A%2F%2Fdev.dcloud.net.cn%2Fmui%2F
[electron-vue]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2FSimulatedGREG%2Felectron-vue
[Link 1]: https://link.juejin.im?target=https%3A%2F%2Fnodejs.org%2Fen%2Fdownload%2Freleases%2F

发表评论取消回复

表情：

评论列表（有 0 条评论，259人围观）

还没有评论，来说两句吧...

相关阅读

相关 electron 異常1 --運行electron .

1 unable to find Electron app at.. Cannot find module... 修改以下代碼后,依然不起作用 //var ap

╰+攻爆jí腚メ/ 2022年12月22日 11:19/ 0 赞/ 148 阅读

相关 Electron使用指南 - [02] 搭建 Electron 运行环境

1、安装 Electron npm install electron -S 2、尝试官网的一个案例克隆这仓库 git clone ht

拼搏现实的明天。/ 2022年12月01日 14:07/ 0 赞/ 148 阅读

相关 Electron 开发音视频

废话不多说，咱直接进入正题！创建 Electron 项目前提条件 > 在使用Electron进行开发之前，需要安装 Node.js。要检查 Node.js

忘是亡心i/ 2022年10月06日 05:45/ 0 赞/ 198 阅读

相关 Akka 实践（二）- java开发demo1

下面就Akka的一个java demo来说明Akka 如何运作的。 1、首先下载 Akka的官方包下载地址为： http://akka.io/downloads/.

柔光的暖阳◎/ 2022年07月16日 12:40/ 0 赞/ 389 阅读

相关 hadoop_运行demo

在/opt/hadoop/hadoop-2.6.0/share/hadoop/mapreduce目录下有demo的jar包： hadoop-mapreduce-example

喜欢ヅ旅行/ 2022年05月25日 06:19/ 0 赞/ 173 阅读

相关 Electron开发入门

前记： Electron是笔者最近才开始接触的Node中的一个模块，大致功能是将Node.js的环境搬至桌面程序开发中，也就是说我们可以通过Node.js去开发桌面程序，

逃离我推掉我的手/ 2022年05月23日 08:23/ 0 赞/ 177 阅读

相关 Electron开发桌面应用

> 由 [Bazzzinga威][Bazzzinga] 同学翻译自 Medium。[https://medium.com/developers-writing/building

系统管理员/ 2022年04月25日 03:28/ 0 赞/ 247 阅读

相关 Spark在Eclipse运行的demo

刚接触Spark，很多还都不是太懂，查看了别人写的中文API：[Spark中文文档][Spark] 根据里面的参数写了一个最简单的调用，如果maven已配好的话，可以直接运行

梦里梦外;/ 2022年04月11日 09:26/ 0 赞/ 158 阅读

相关 window ELectron开发实战

[electron][] [https://github.com/electron/electron/][electron] [https://electronjs.o

矫情吗；*/ 2022年03月20日 13:10/ 0 赞/ 319 阅读

相关 electron-vue 开发(1) 运行electron的demo

> [electron官网][electron] 开发环境 win10X64 [Vscode][] nodejs yarn 使用到的框架

朱雀/ 2021年09月19日 23:58/ 0 赞/ 260 阅读