vs code創建工程，以koa框架為例

這裡以應用koa框架寫一個http伺服器為例，來說明怎麼用vs code創建工程。

進入 vs code 後，打開文件夾，如下圖

打開文件夾

如果還沒有準備好新文件夾，可以在彈出的窗口裡新建一個，這裡新建工程文件夾「hello-koa」

新建工程文件夾 hello-koa

然後需要在文件夾里新建一個 js 代碼文件 「app.js」

新建 js 源碼文件

代碼如下：

上面的代碼實現了一個最簡單頁面的 http 伺服器功能，里用到了 koa2 框架的知識。有了源文件還不能運行這個工程，因為工程還沒有配置文件。

接下來就是配置工程，好讓工程能被運行。點擊 vs code 的調試功能，並添加配置。

vs code 調試配置

然後代碼窗口會彈出一個選擇框，由於 koa 框架是基於 node.js，所以這裡選擇 node.js。記得保存自動生成並打開的配置文件 「launch.json」。

node.js

這裡其實已經簡單配置完成工程了，是不是就可以啟動程序了？點擊啟動程序後，我們在調試控制台可以看到有很多的報錯出現。

報錯信息

是不是配置出錯了？其實我們可以從報錯信息里看到這麼一行。

這行信息其實已經告訴我們，工程無法找到 koa 模塊。因此需要再給工程安裝 koa 模塊，需要用到 npm 的功能。這裡推薦使用以下方法安裝依賴的模塊。

在工程文件夾下，新建文件「package.json 」，內容如下

可以看到其中有一段

這裡的意思就是，依賴 koa 版本是2.0.0。

好了，npm 已經配置好，接著點擊「終端」，然後輸入以下命令試試。

可以看到

安裝完，我們會在工程里發現多了一個子文件夾 「node_modules」和一個文件「package-lock.json 」。

點擊打開文件夾「node_modules」可以看到裡面都是一些依賴包，可知安裝 koa 模塊的過程中會將其依賴的其它包一併安裝。

這裡要注意了，由於這個文件夾的內容都是依賴包可以通過上面的命令自動安裝，並且體積比較大，所以在上傳版本的時候，不需要包括這個文件夾。

但是，有的人可能會覺得，為了安裝個依賴包就寫那麼一大堆內容在「package.json 」裡面，未免有點麻煩了吧？其實 npm 還真有個命令可以省略掉創建文件「package.json 」，可以直接在終端里輸入以下命令，即可自動開始安裝 koa 2 的依賴包。

騷等片刻，等待完成依賴包的安裝，就可以點擊「啟動程序」，正常啟動 http 服務了。

當然，除了點擊 vs code 提供的「啟動程序」按鈕，這個方式來運行程序之外，還可以在終端里輸入以下命令來啟動程序。使用 node 之前，必須要先在機器里安裝 node。

回到上面，我們看看「package.json 」文件里其實有這麼一段數據，

所以同樣可以使用 npm 來快速啟動程序，在終端里輸入下面的命令即可。

可以看到他們效果是一樣的。

最後，就可以打開瀏覽器，查看一下我們剛剛啟動的 http 服務，在瀏覽器地址欄輸入

回車，可以看到頁面返回，這就完成一個最簡單的 http 服務了。

以上就是全部內容了。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！