
1.2.3 安装Node.js程序编辑环境
前端的JavaScript代码都是在浏览器中运行的,而服务器端的JavaScript代码是在Node.js环境中执行的。首先要使用代码编辑器来编写JavaScript代码,并且把它保存到本地硬盘的某个目录,以命令行的方式运行。
本书选用HBuilder来编写代码。HBuilder是DCloud推出的一款支持HTML 5的Web集成开发环境(lntegrated Development Environment,lDE)。HBuilder通过完整的语法提示和代码输入法、代码块及很多配套功能,能大幅提升HTML、JavaScript和CSS的开发效率。另外, HBuilder 拥有丰富的 Web lDE 生态系统,因为它同时兼容 Eclipse 插件和 Ruby Bundle。HBuilder的很多界面(比如用户信息界面)使用Web技术来实现,不仅美观,开发性能还高。
HBuilder官网提供免费下载的最新版HBuilder。HBuilder目前有两个版本,一个是Windows版,一个是macOS版。可根据自己的计算机系统选择适合的版本进行安装,安装过程在此不再赘述。
为了能够在HBuilder中运行Node.js程序,需要安装插件“nodeclipse”,安装过程如下。
打开HBuilder,选择“工具”菜单下的“插件安装”,如图1-11所示。

图1-11 “插件安装”菜单
勾选nodeclipse插件,单击“安装”按钮,如图1-12所示。

图1-12 选择nodeclipse插件
等待安装完成,如图1-13所示。

图1-13 插件安装
重启HBuilder,nodeclipse即可生效,如图1-14所示。

图1-14 重启对话框
此时,插件安装完成,接下来就能在HBuilder中运行Node.js文件了。