一、第一種方法(live-server)

1、安裝方法：

Npm安裝: npm install -g live-server(前提是先安裝node.js)

然后在所在項目目錄下，打開命令行工具，輸入 live-server，回車就可以了(注意這里默認打開的是index.html)。默認地址：127.0.0.1:8080

指定端口：live-server --port 9000

Vscode軟件里面安裝：在擴展里面搜索Live Server插件，然后安裝好，打開項目，在右下角有個go live按鈕，點擊就可以打開此項目的發布地址，默認地址是127.0.0.1:5500

指定端口：打開vscode的設置文件settings.json，然后設置"liveServer.settings.port":5501(liveServer.settings.proxy可以設置代理)

2、live server的優缺點：

優點：實時更新，熱更新。

缺點：因為是熱更新，所以不穩定，很容易網頁就自己刷新。

所以適合調試的時候用這個發布。演示的時候就最好不用這個。

二、 第二種方法(IIS服務器)

1、安裝方法：

打開window的控制面板，打開程序與功能下面的打開或關閉windows功能，勾選如下圖紅色選框內的內容。(不同的windows版本可能有差異，我的系統是win7專業版)

然后關閉windows防火墻(不然只有你自己可以訪問你發布的程序，別人無法訪問)。

配置好之后，需要重啟計算機才能生效。

2、發布：

在管理工具里面打開IIS管理器，然后點擊添加網站。在添加網站對話框中，輸入網站名稱，選擇物理路徑和端口，其他默認，然后確定物理路徑，選擇存放發布后的文件系統的文件夾，端口選擇除 80 以外的端口

默認打開文件是index.html，可以自己設置。

三、 第三種方法(nginx服務器)

1、下載nginx的安裝包：

下載地址：nginx.org/en/download…，點擊stable version即穩定版本進行下載了再解壓即可。

2、Nginx網站的配置：

先把需要發布的網站目錄拷貝到nginx文件夾下面的html文件夾里面。然后再進入conf文件夾打開nginx.conf文件進行配置，配置內容如下：

server {

listen 8180;

server_name localhost;

location /{

root html/share;

index index.html index.htm;

}

}

PS：有一個需要注意的點是nginx的默認端口80不能被占用了，如果被占用了，就把配置里面的端口改了或者把以前的發布的80端口的改成其他端口

3、Nginx的啟動：

可以直接點擊nginx解壓包里面的nginx.exe程序，也可以在nginx的目錄下打開命令窗口(在當前目錄下打開命令窗口，可以在按住shift鍵的前提下再點擊右鍵菜單，第三個就是在此處打開命令窗口)，運行nginx命令啟動nginx。

當修改了nginx.conf的配置的時候，需要重啟nginx，命令是

nginx –s reload