抢先上手

Node.js抢先上手

使用VSCode软件实际上手操作Node,有关Node项目的基本步骤

2018-10-06侠课岛    基础入门       

后端/Node.js/Node.js入门 10     0     3296

3.1 Hello World

通过前两章的学习,相信各位同学对 Node 应该有了一个大致的概念。那么这一章开始,我们将由浅入深实际上手进行操作练习。毕竟,实践才能出真知嘛~好了,让我们撸起袖子,打开 VSCode开始学习吧!

习惯在命令行中用 Git 的同学,悄悄告诉你们个方法:

# 命令行中打开 VSCode 并自动载入当前文件夹的内容的快捷命令
code ./

任何语言都是从 Hello World 开始的,那么我们也不例外,也来撸一个 Hello World。(要撸好可不是那么简单的哦)
为了方便项目的管理以及养成良好的习惯,建议在每个用到 Node 的项目中都建一个 package.json 方便我们对项目的管理以及别人对项目的把握(特别是项目传到 GitHub 上的情况)。

1. 创建 package.json 文件并填写相关信息

// 初始化项目并创建 package.json 文件
npm init

创建完成的 package.json 文件内容如下。当然你也可以一路回车。

{
  "name": "hello-world-example",
  "version": "1.0.0",
  "description": "A node.js example",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

2. 创建 hello-world.js 文件,并输出信息

var hello = 'Hello'
var world = 'World'

console.info(`${hello} ${world} !`)

保存文件后,我们切回命令行,输入 node hello-world.js 就可以见到输出的信息。

可别小看这个 Hello World 的示例哦~在这里我们使用了 ES6 的 模板字符串 (两个反引号 `)。模板字符串可以直接在里面通过 ${变量} 的方式嵌入变量,从此告别字符串拼接的烦恼;同时在模板字符串中也可使用单、双引号,也不用纠结单双引号的嵌套了;还可以在里面直接进行运算、函数调用等操作。更多用法与优点可以参考阮一峰老师的 ES6 教程

在本系列中,遇到字符串处理时,也将基本使用模板字符串的方法处理,也建议大家在实际过程中多多使用。

3. 小彩蛋——为你的输出加上颜色

虽然顺利输出了 Hello World ,但是只是这样就满足了吗?为了让输出更好看一点,我们还可以利用第三方模块为控制台的输出增加颜色。这里就推荐 chalk 模块,这个模块在很多大型的库如 express 中也被用到,来控制输出信息的颜色,方便我们调试。

chalk 模块 在 GitHub 页面上详细写了 API 的用法。这里具体就不做展开了。我们直接来尝试使用。

还记得模块怎么安装吗?对了,就是使用 install 命令。

# 安装 chalk 模块
npm install chalk

安装完成后我们就可以在之前的 js 文件中通过 require('chalk') 使用了。此时在 package.json 文件中也会添加上这一个库。修改后的代码如下:

{
  "name": "hello-world-example",
  "version": "1.0.0",
  "description": "A node.js example",
  "main": "index.js",
  "private": true,
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  // 这里为我们本项目中所依赖的库
  "dependencies": {
    "chalk": "^2.4.1"
  }
}
var chalk = require('chalk')

var hello = 'Hello'
var world = 'World'

// console.info(`${hello} ${world} !`)
// 这里用到了模板字符串中函数调用,是不是很方便呢
console.info(`${chalk.yellow(hello)} ${world} ${chalk.red('!')}`)

保存完毕后执行 node hello-world.js 命令,可以看到现在在控制台的输出的信息是带有颜色的。有兴趣的同学可以自己尝试下哦~

本教程图文或视频等内容版权归侠课岛所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、转贴或以其他方式复制发布或发表。

评价

10

本课评分:
  •     非常好
难易程度:
  •     适中的
|
教程
粉丝
主页

签到有礼

已签到2天,连续签到7天即可领取7天全站VIP

  • 1
    +2 金币
  • 2
    +3 金币
  • 3
    +5 金币
  • 6
    +7 金币
  • 5
    +6 金币
  • 4
    暖心福利
    自选分类VIP ×1天
  • 7
    惊喜大礼

    自选分类VIP ×3天 +20金币
  • 持续签到 +8 金币

金币可以用来做什么?