electron开发记录(一):安装nodejs并运行demo
2016-11-26 11:14
337 查看
一些个人的唠叨(着急的人可以跳过)
很久之前就想写图形化界面应用了,正巧最近又有一项任务需要做这个,正好实现之前的愿望。挑挑拣拣的,看了看wpf,好像通用性不够啊,还不能跨平台;再看看qt,太丑了;看来看去看中了electron, 本质上就是个能够与本地交互的网页。界面可以用别人的js库,自然不用担心不够酷炫,正适合写轻量化的应用。就是它了!再看了看网上关于electron的资料不是很多啊,那我就把我的开发经历写下来吧,希望能帮到人。
正巧微软家的VS Code也刚发布了一段时间,也是用electron写的,而且能够在上面直接运行node程序,挺方便。所以这次就不用以前一直用的idea了,改用 VSCode+electron+node的组合。虽然这三样我只有node之前学过一些,其他的都是新玩意,不过嘛,多多尝试,多踩踩坑,总是没坏处的。当然了,初次接触,概念上理解有偏差也是难免的,希望各位看官能够指正。
内容速览:
1.nodejs的安装
2.下载并运行demo
去nodejs官网https://nodejs.org/en/ 下载nodejs的安装包。记住要去英文官网,不要去中文官网!中文官网的稳定版是4.4.4,最高版本也不过6.2.0 而英文官网的推荐版本都已经6.9.1了。我一开始去中文网下的,装的包各种不对,坑死我了。
下好安装包以后,使用tar -xvf解压(如果你下的是tar文件的话), 然后放到你想安装的位置。
这样你就把安装包放在了~/software/nodejs下。 接下来将node和npm的路径写入环境变量。npm是nodejs的包管理软件,类似于apt之于linux, pip之于python, maven之于java
打开~/.bashrc文件,往最后写入
保存,关闭,在shell中输入
让环境变量立即生效。
当然了,最好再设置下npm的源,默认的软件源在国外,速度忒慢,国内有淘宝家的,还不错~
往其中写入
即可
现在你已经能打开应用了
很久之前就想写图形化界面应用了,正巧最近又有一项任务需要做这个,正好实现之前的愿望。挑挑拣拣的,看了看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/bin export 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
现在你已经能打开应用了
相关文章推荐
- [异常解决] Keil安装好nRF51822开发环境,运行DEMO报错:Error:“GPIOTE_CONFIG_NUM_OF_LOW_POWER_ENVENTS” is undefined
- electron利用nodejs+移动端技术跨平台桌面应用开发框架——记录下,类似node webkit!
- 记录开发Nodejs c++ addon的一些经验(四、electron)
- nodejs(1):mac 安装nodejs & electron 环境开发桌面应用
- 安装和配置OAF开发环境运行官方toolbox demo
- 在vs2008上安装Silverlight 开发工具相关信息链接记录
- Mac和Xcode的第一次历险,成功在PC上安装iphone开发环境记(可在iphone或ipod touch真机上运行调试)
- MyEclipse 6 实战开发讲解视频入门 0: 下载 安装 运行 HelloWorld
- J2EE运行和开发环境的安装与配置(JDK+TOMCAT 6.5+MyEclipse)(1)
- MyEclipse 6 实战开发讲解视频入门 0: 下载 安装 运行 HelloWorld
- 安装ice-3.4.0,并运行demo里的hello world例子,java
- 第一个游戏开发Demo运行成功
- 安装与建立 Qt 桌面开发运行环境
- Android开发环境搭建:SDK在线离线安装+在Eclipse中配置ADT+第一个Android程序运行
- Eclipse + Cusp + drakma 开发环境安装记录
- 如何在android模拟器中安装并运行已经开发好的或者别人写好的apk文件
- MyEclipse 6 实战开发讲解视频入门 0: 下载 安装 运行 HelloWorld
- Mondrian demo的安装与运行
- MyEclipse 5.5 + Tomcat 开发视频,下载,安装,配置,开发并运行Web项目
- struts2+hibernate3+spring3项目快速开发(图文)之2:添加SSH三大框架运行能力(即为安装JAR包)