视频2
在开发Node.js程序之前,首先需要安装Node.js运行环境和代码编辑环境。
在 Node.js 官网下载 Node.js 安装包及源码,也可以下载安装包和 APl 文档。对于64位Windows操作系统,可以下载64位安装包,如图1-1所示。用户可以根据当前所使用的计算机环境选择下载相应的Node.js版本,设置安装目录进行安装即可。
图1-1 Node.js官网下载安装包
以 Node-v14.15.3-x64.msi 的安装为例,双击安装包,按照安装提示采用默认安装即可。安装过程如图1-2所示,单击“Next”按钮。
勾选复选框,接受安装协议,然后单击“Next”按钮,如图1-3所示。
图1-2 Node.js安装
图1-3 Node.js安装协议
设置安装路径,然后单击“Next”按钮,如图1-4所示。单击“Next”按钮,进入下一步,如图1-5所示。
图1-4 Node.js安装目录
图1-5 Node.js安装内容
勾选复选框,自动安装必需的工具,然后单击“Next”按钮,如图1-6所示。单击“lnstall”按钮进行安装,如图1-7所示。直到安装完成,如图1-8所示。安装完成,单击“Finish”按钮,Node.js运行环境就安装完成了,如图1-9所示。
按下<Win+R>组合键,输入cmd,然后按<Enter>键,将打开CMD窗口,输入node –v后,若能显示当前Node.js的版本号,说明Node.js安装成功,如图1-10所示。
图1-6 Node.js安装必要的工具
图1-7 Node.js准备安装
图1-8 Node.js安装进度
图1-9 Node.js安装完成
图1-10 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文件了。