一、安裝node.js（常規(guī)軟件安裝流程，比較簡單，不用贅述）

二、安裝express框架

1. 打開Windows命令提示符，輸入：

npm install express -g，等待，安裝好如下所示：

npm install express-generator -g，等待，安裝好如下所示：

2.?npm是node自帶的一個(gè)工具，在命令行中使用可以快速安裝node.js里面的模塊，此時(shí)我們安裝了一個(gè)名叫"express"的框架，用于運(yùn)行本地服務(wù)器。

三、初始化項(xiàng)目

1. 打開vs code的終端，輸入：

express myserver

cd myserver

npm install

作用分別是：用express框架創(chuàng)建一個(gè)項(xiàng)目名叫myserver、進(jìn)入myserver目錄、初始化myserver項(xiàng)目所需的文件（下載所需的js文件）。

2. 項(xiàng)目的express框架組成

?項(xiàng)目創(chuàng)建成功之后，生成五個(gè)文件夾、主文件app.js與配置信息文件packetage.json

?bin是項(xiàng)目的啟動(dòng)文件，配置以什么方式啟動(dòng)項(xiàng)目，默認(rèn) npm start，其中的www文件用于啟動(dòng)服務(wù)

?node_modules是文件所需的模塊，在node.js中模塊與文件是一一對(duì)應(yīng)的，也就是說一個(gè)node.js文件就是一個(gè)模塊，文件內(nèi)容可能是我們封裝好的一些JavaScript方法、JSON數(shù)據(jù)、編譯過的C/C++拓展等，在關(guān)于node.js的誤會(huì)提到過node.js的架構(gòu)。其中http、fs、net等都是node.js提供的核心模塊，使用C/C++實(shí)現(xiàn)，外部用JavaScript封裝。怎么使外部訪問這個(gè)module，我們知道客戶端的JavaScript使用script標(biāo)簽引入JavaScript文件就可以訪問其內(nèi)容了，但這樣帶了的弊端很多，最大的就是作用域相同，產(chǎn)生沖突問題，以至于前端大師們想出了立即執(zhí)行函數(shù)等方式，利用閉包解決。node.js使用exports和require對(duì)象來解決對(duì)外提供接口和引用模塊的問題。

?public是項(xiàng)目的靜態(tài)文件，放置js、css、img等文件（html文件夾是我自己添加進(jìn)去的，存放網(wǎng)頁的，后期可能應(yīng)該存放在views文件夾中）

?routes是項(xiàng)目的路由信息文件，控制地址路由

?views是視圖文件，放置模板文件ejs或jade等（其實(shí)就相當(dāng)于html形式的文件)

以上就是基于 express的MVC框架模式，是一個(gè)Web項(xiàng)目的基本構(gòu)成。

?

?

?

四、運(yùn)行

1. 在終端進(jìn)入bin目錄，輸入node www啟動(dòng)服務(wù)

2.在瀏覽器中輸入http://localhost:3000/，這就是本地服務(wù)器的地址，訪問成功出現(xiàn)以下頁面

2. 訪問項(xiàng)目中的網(wǎng)頁，如登錄網(wǎng)頁login.html

此時(shí)，一個(gè)基于express框架的web項(xiàng)目便搭建好了~

參考鏈接：

https://jingyan.baidu.com/article/9c69d48ff3eb3d13c8024e7d.html

http://www.cnblogs.com/imwtr/p/4350282.html

轉(zhuǎn)載于:https://www.cnblogs.com/qinsafefy/p/9389665.html

總結(jié)

以上是生活随笔為你收集整理的visual studio code搭建本地服务器（node.js+express）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。