视频3
打开HBuilder,选择“文件”菜单下的“新建”菜单,选择“JavaScript文件”,如图1-15所示。
图1-15 新建“JavaScript文件”
选择文件所在目录并将文件命名为“HelloWorld.js”,勾选“空白文件”,单击“完成”按钮,如图1-16所示。
输入代码,如图1-17所示。
console.log('Hello world!');
图1-16 设置目录和文件名
图1-17 输入代码
代码中的语句以分号(;)结尾,语法规则同前端JavaScript。Console对象提供了访问浏览器调试模式的信息到控制台的方法。console.log()方法用于在控制台输出信息,该方法对于开发过程测试非常有用。
Node.js程序有3种运行方式:在lDE中运行、在CMD窗口中使用node或nodemon命令运行以及在Git Bash下运行。
右键单击需要运行的HelloWorld.js文件,选择“运行方式”菜单中的“1 Node Application”,如图1-18所示。
控制台显示运行结果,说明Node.js在HBuilder中运行成功,如图1-19所示。
(1)用node命令运行Node.js程序
进入需要运行的.js文件所在的目录,按住<Shift>键并单击右键,选择“在此处打开命令窗口”项,如图1-20所示。
图1-18 运行js文件
图1-19 运行结果
图1-20 文件目录下打开CMD
打开CMD窗口后,输入下面的命令。
node HelloWorld.js 或 node HelloWorld(.js可以省略)
按<Enter>键后,即可查看运行结果,如图1-21所示。
图1-21 CMD中运行.js文件
此时,若是 hello.js 文件的代码发生变化,需要再次以上述方式运行该文件,重新查看运行结果。下面介绍一种可以自动检测到文件更改并自动重新调试Node.js程序的方法。
(2)用nodemon命令运行Node.js程序
nodemon 是一种工具,可以自动检测到目录中文件发生变化,通过重新启动应用程序来调试 Node.js 程序。nodemon需要事先安装好。
① 全局安装nodemon
打开CMD窗口,输入以下命令,将nodemon全局安装到系统路径(只要安装一次)。
npm install nodemon –g
② 使用nodemon运行Node.js文件
若 js 文件的代码有更改,则不必使用 node 命令重新运行来查询最新结果。只要进入hello.js所在的目录,按住<Shift>键并单击右键,选择“在此处打开命令窗口”项,打开CMD窗口后,输入下面的命令。
nodemon HelloWorld.js 或 nodemon HelloWorld(.js可以省略)
按<Enter>键后即可查看运行结果,不管hello.js何时发生变化,都能自动重启运行,查看最新的运行结果。
假设代码中输出文本内容从“hello world!”改变为“你好 world!”,则会自动检测到代码的变化,并重新输出最新的运行结果,如图1-22所示。
图1-22 nodemon运行.js文件
Git是版本控制工具,它最初被用在UNlX风格的命令行环境中。Windows是一个非UNlX终端环境,可以使用Git Bash。Git Bash是一个适用于Windows环境的模拟UNlX命令行的终端,在这里可以进行Git相关的版本控制。
首先在Git官网下载Git。安装好Git工具后,桌面上会出现Git Bash快捷方式。进入需要运行.js文件所在的目录,按住<Shift>键并单击右键,将会出现快捷菜单,如图1-23所示。
图1-23“Git Bash Here”菜单
选择“Git Bash Here”项,在打开的窗口中输入以下命令,查看程序运行结果,如图 1-24所示。
node HelloWorld.js 或 nodemon HelloWorld(.js可以省略)
图1-24“Git Bash Here”查看运行结果