安裝express.js框架 · node.js開發web應用

# 安裝Express 應用程序生成器 ``` cnpm install -g express-generator ``` ![](https://img.kancloud.cn/d9/fd/d9fd4250a21e89e11779f74e0771e8ee_887x325.png) # 使用ejs模板創建應用 ``` cd myapp express --view=pug myapp ``` ![](https://img.kancloud.cn/fe/2a/fe2a67cb25b0312dd5635380690202b8_482x586.png) # 安裝依賴包 ``` cnpm install ``` ![](https://img.kancloud.cn/cb/ca/cbcab4951499110e17b9bb448425f52b_375x132.png) # nodemon運行應用 ``` nodemon bin/www ``` ![](https://img.kancloud.cn/01/38/0138de70d7e7ede0b634c46ec4f442d3_451x127.png) # 瀏覽器查看 ![](https://img.kancloud.cn/92/f7/92f7a9428c069d6fbad61bb0970a78fe_392x231.png) **192.168.56.103為虛擬機ip，應用端口為3000** # vscode中添加應用目錄為工作區這一部分在開發環境搭建的視頻中有過講解，vscode需要安裝remotefs插件 ![](https://img.kancloud.cn/82/8b/828beb94f73a5602042d8dc6e9779867_947x228.png) 并配置好虛擬機目錄 ![](https://img.kancloud.cn/93/55/9355fe78556169329d0924b8f7e81786_417x207.png)