安裝搭建專案的開發環境
?? 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新課程推出啦~~~~~開始免費連載啦~每週2更共11堂iKcamp課|基於Koa2搭建Node.js實戰專案教學(含視訊)| 課程大綱介紹
2019年,iKcamp原創新書《Koa與Node.js開發實戰》已在京東、天貓、亞馬遜、噹噹開售啦!