iKcamp團隊製做｜基於Koa2搭建Node.js實戰（含視頻）☞ 環境準備

安裝搭建項目的開發環境

🇨🇳 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')
})
複製代碼

重啓服務器並再次訪問，這時頁面將正常顯示 Hello World。

在增長的代碼裏面，用到了 Koa 的「中間件」，那麼什麼是「中間件」呢？下一節咱們會爲你們詳細講述。

下一篇：《中間件用法——講解 Koa2 中間件的用法及如何開發中間件（含視頻）》

上一篇：iKcamp新課程推出啦～～～～～開始免費連載啦～每週２更共11堂iKcamp課｜基於Koa2搭建Node.js實戰項目教學（含視頻）| 課程大綱介紹

---

2019年，iKcamp原創新書《Koa與Node.js開發實戰》已在京東、天貓、亞馬遜、噹噹開售啦！