iKcamp团队制作｜基于Koa2搭建Node.js实战（含视频）☞ 环境准备

最新推荐文章于 2024-10-04 16:43:22 发布

weixin_33724059

最新推荐文章于 2024-10-04 16:43:22 发布

阅读量188

点赞数

文章标签： javascript json 操作系统 ViewUI

原文链接：https://juejin.im/post/5a3733f96fb9a045263badaf

版权

安装搭建项目的开发环境

?? iKcamp 制作团队

原创作者：大哼、阿干、三三、小虎、胖子、小哈、DDU、可木、晃晃
文案校对：李益、大力萌、Au、DDU、小溪里、小哈
风采主播：可木、阿干、Au、DDU、小哈
视频剪辑：小溪里
主站运营：给力xi、xty
教程主编：张利涛

视频地址：www.cctalk.com/v/151143577…

文章

Koa 起手 - 环境准备

由于 koa2 已经开始使用 async/await 等新语法，所以请保证 node 环境在 7.6 版本以上。

安装node.js

直接安装 node.js ：node.js官网地址 nodejs.org
nvm管理多版本 node.js ：可以用nvm 进行node版本进行管理
- Mac 系统安装 nvm github.com/creationix/…
- windows 系统安装 nvm github.com/coreybutler…
- Ubuntu 系统安装 nvm github.com/creationix/…

项目初始化

身为程序员，初入江湖第一招：『Hello World』

首先，创建一个目录 koa2-tutorial/ 用来存放我们的代码。然后开始初始化项目：

// 创建 package.json 文件。该文件用于管理项目中用到一些安装包
npm init
复制代码

项目初始化完成后，在创建的目录里，新建文件 app.js 并在里面写下：

console.log('Hello World')
复制代码

现在，我们的项目结构应该如下：

├── app.js
├── package.json
复制代码

打开控制台，进入目录 koa2-tutorial/ 并输入：

node app.js
复制代码

成功输出 Hello World，说明环境正常。至此，我们的准备工作完成。

下面我们会基于 Koa2 启动服务器。

启动服务器

运行如下命令，安装 Koa （版本信息会自动保存在 package.json 中）

// 安装 koa，并将版本信息保存在 package.json 中
npm i koa -S
复制代码

重写 app.js，增加如下代码：

const Koa = require('koa')
const app = new Koa()

app.listen(3000, () => {
  console.log('server is running at http://localhost:3000')
})
复制代码

运行 node app.js 并打开浏览器访问 localhost:3000，页面显示 Not Found。

因为在启动服务器后，代码并没有做其他的事情，也就没有了交互。

我们继续修改 app.js 文件：

const Koa = require('koa')
const app = new Koa()

// 增加代码
app.use(async (ctx, next) => {
  await next()
  ctx.response.type = 'text/html'
  ctx.response.body = '<h1>Hello World</h1>'
})

app.listen(3000, () => {
  console.log('server is running at http://localhost:3000')
})
复制代码