electron开发记录(一):安装nodejs并运行demo
来源:互联网 发布:gta5麦克捏脸数据 编辑:程序博客网 时间:2024/05/17 07:09
一些个人的唠叨(着急的人可以跳过)
很久之前就想写图形化界面应用了,正巧最近又有一项任务需要做这个,正好实现之前的愿望。挑挑拣拣的,看了看wpf,好像通用性不够啊,还不能跨平台;再看看qt,太丑了;看来看去看中了electron, 本质上就是个能够与本地交互的网页。界面可以用别人的js库,自然不用担心不够酷炫,正适合写轻量化的应用。就是它了!再看了看网上关于electron的资料不是很多啊,那我就把我的开发经历写下来吧,希望能帮到人。
正巧微软家的VS Code也刚发布了一段时间,也是用electron写的,而且能够在上面直接运行node程序,挺方便。所以这次就不用以前一直用的idea了,改用 VSCode+electron+node的组合。虽然这三样我只有node之前学过一些,其他的都是新玩意,不过嘛,多多尝试,多踩踩坑,总是没坏处的。当然了,初次接触,概念上理解有偏差也是难免的,希望各位看官能够指正。
内容速览:
1.nodejs的安装
2.下载并运行demo
nodejs安装
electron是nodejs中的一个包,所以想用electron,nodejs是必须要安装的。
去nodejs官网https://nodejs.org/en/ 下载nodejs的安装包。记住要去英文官网,不要去中文官网!中文官网的稳定版是4.4.4,最高版本也不过6.2.0 而英文官网的推荐版本都已经6.9.1了。我一开始去中文网下的,装的包各种不对,坑死我了。
下好安装包以后,使用tar -xvf解压(如果你下的是tar文件的话), 然后放到你想安装的位置。
$ tar -xvf node-v6.9.1-linux-x64.tar.xz$ cp -r node-v6.9.1-linux-x64 ~/software/nodejs
这样你就把安装包放在了~/software/nodejs下。 接下来将node和npm的路径写入环境变量。npm是nodejs的包管理软件,类似于apt之于linux, pip之于python, maven之于java
$ gedit ~/.bashrc
打开~/.bashrc文件,往最后写入
export NODEJS=~/software/nodejs/node-v6.9.1-linux-x64/binexport PATH=$PATH:$NODEJS
保存,关闭,在shell中输入
$ source ~/.bashrc
让环境变量立即生效。
当然了,最好再设置下npm的源,默认的软件源在国外,速度忒慢,国内有淘宝家的,还不错~
$ gedit ~/.npmrc
往其中写入
registry=https://registry.npm.taobao.org
即可
下载并运行demo
这边就使用electron官网的例子。这里就先不讲demo的结构了,以后会讲。这边只讲怎么运行起来。(其实只要照着官网来就行了哈哈)
# Clone the Quick Start repository$ git clone https://github.com/electron/electron-quick-start# Go into the repository$ cd electron-quick-start# Install the dependencies and run$ npm install && npm start
现在你已经能打开应用了
- electron开发记录(一):安装nodejs并运行demo
- nodejs(1):mac 安装nodejs & electron 环境开发桌面应用
- NodeJS的桌面应用开发 Electron
- Electron+NodeJS+Node-Serialport安装备忘
- Windows安装Bochs并运行Linux Demo
- electron demo
- electron开发记录(四):electron中组件的一些用法
- electron开发记录(五):调用jquery,bootstrap并对其一些用法的总结
- 【Electron】Electron开发入门(一):开发环境搭建
- electron开发记录(二):VisualStudioCode相关
- Electron实战:创建ELectron开发的window应用安装包
- Electron实战:创建ELectron开发的window应用安装包
- (一)nodejs开发环境搭建: 安装nodejs以及配置npm
- 【Electron】Electron开发入门
- Springside4 demo运行记录
- Springside4 demo运行记录
- Springside4 demo运行记录
- Springside4 demo运行记录
- leetcode(61).225. Implement Stack using Queues
- Kafka中gradle.properties源码
- 从内核文件系统看文件读写过程
- 4-1 Shortest Path [3]
- 学Java遇到的问题
- electron开发记录(一):安装nodejs并运行demo
- 【6】Struts2的复杂类型数据的封装
- 机器学习算法分类
- 4-2 Shortest Path [4]
- ABAP数据库操作之操作语句Insert
- hotplug_uevent机制_修改mdev配置支持U盘自动挂载学习笔记
- 摄像机标定和立体标定
- idea 搭建 springMVC+mybatis+maven 项目(二)
- 【7】Struts2中结果页面的配置