安裝搭建項目的開發環境
視頻地址：https://www.cctalk.com/v/15114357764004
[圖片上傳失敗...(image-862757-1513568012136)]
文章
Koa 起手 - 環境準備
由于 koa2 已經開始使用 async/await 等新語法，所以請保證 node 環境在 7.6 版本以上。
安裝node.js
- 直接安裝 node.js ：node.js官網地址 https://nodejs.org
- nvm管理多版本 node.js ：可以用nvm 進行node版本進行管理
- Mac 系統安裝 nvm https://github.com/creationix/nvm#manual-install
- windows 系統安裝 nvm https://github.com/coreybutler/nvm-windows
- Ubuntu 系統安裝 nvm https://github.com/creationix/nvm
項目初始化
身為程序員，初入江湖第一招：『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 中間件的用法及如何開發中間件（含視頻）》
移動Web前端高效開發實戰.png
上一篇：iKcamp新課程推出啦～～～～～開始免費連載啦～每周２更共11堂iKcamp課｜基于Koa2搭建Node.js實戰項目教學（含視頻）| 課程大綱介紹
