現在我們遇到第一個問題:koa這個包怎麼裝,app.js才能正常匯入它?

方法一:可以用npm命令直接安裝koa。先開啟命令提示符,務必把當前目錄切換到hello-koa這個目錄,然後執行命令:

C:\...\hello-koa> npm install [email protected]

npm會把koa2以及koa2依賴的所有包全部安裝到當前目錄的node_modules目錄下。

方法二:在hello-koa這個目錄下建立一個package.json,這個檔案描述了我們的hello-koa工程會用到哪些包。完整的檔案內容如下:

{
"name": "hello-koa2",
"version": "1.0.0",
"description": "Hello Koa 2 example with async",
"main": "app.js",
"scripts": {
"start": "node app.js"
},
"keywords": [
"koa",
"async"
],
"author": "Michael Liao",
"license": "Apache-2.0",
"repository": {
"type": "git",
"url": "https://github.com/michaelliao/learn-javascript.git"
},
"dependencies": {
"koa": "2.0.0"
}
}

其中,dependencies描述了我們的工程依賴的包以及版本號。其他欄位均用來描述專案資訊,可任意填寫。

然後,我們在hello-koa目錄下執行npm install就可以把所需包以及依賴包一次性全部裝好:

C:\...\hello-koa> npm install

很顯然,第二個方法更靠譜,因為我們只要在package.json正確設定了依賴,npm就會把所有用到的包都裝好。

注意,任何時候都可以直接刪除整個node_modules目錄,因為用npm install命令可以完整地重新下載所有依賴。並且,這個目錄不應該被放入版本控制中。

現在,我們的工程結構如下:

hello-koa/
|
+- .vscode/
| |
| +- launch.json <-- VSCode 配置檔案
|
+- app.js <-- 使用koa的js
|
+- package.json <-- 專案描述檔案
|
+- node_modules/ <-- npm安裝的所有依賴包

緊接著,我們在package.json中新增依賴包:

"dependencies": {
"koa": "2.0.0"
}

然後使用npm install命令安裝後,在VS Code中執行app.js,除錯控制檯輸出如下:

node --debug-brk=40645 --nolazy app.js
Debugger listening on port 40645
app started at port 3000...

我們開啟瀏覽器,輸入http://localhost:3000,即可看到效果:

還可以直接用命令node app.js在命令列啟動程式,或者用npm start啟動。npm start命令會讓npm執行定義在package.json檔案中的start對應命令:

"scripts": {
"start": "node app.js"
}