一、第一種方法(live-server)
1、安裝方法：成都服務(wù)器托管
Npm安裝: npm install -g live-server(前提是先安裝node.js)
然后在所在項(xiàng)目目錄下，打開命令行工具，輸入 live-server，回車就可以了(注意這里默認(rèn)打開的是index.html)。默認(rèn)地址：127.0.0.1:8080
指定端口：live-server --port 9000
Vscode軟件里面安裝：在擴(kuò)展里面搜索Live Server插件，然后安裝好，打開項(xiàng)目，在右下角有個(gè)go live按鈕，點(diǎn)擊就可以打開此項(xiàng)目的發(fā)布地址，默認(rèn)地址是127.0.0.1:5500
指定端口：打開vscode的設(shè)置文件settings.json，然后設(shè)置"liveServer.settings.port":5501(liveServer.settings.proxy可以設(shè)置代理)
2、live server的優(yōu)缺點(diǎn)：成都服務(wù)器托管
優(yōu)點(diǎn)：實(shí)時(shí)更新，熱更新。
缺點(diǎn)：因?yàn)槭菬岣?，所以不穩(wěn)定，很容易網(wǎng)頁就自己刷新。
所以適合調(diào)試的時(shí)候用這個(gè)發(fā)布。演示的時(shí)候就最好不用這個(gè)。
二、 第二種方法(IIS服務(wù)器)
1、安裝方法：成都服務(wù)器托管
打開window的控制面板，打開程序與功能下面的打開或關(guān)閉windows功能，勾選如下圖紅色選框內(nèi)的內(nèi)容。(不同的windows版本可能有差異，我的系統(tǒng)是win7專業(yè)版)
然后關(guān)閉windows防火墻(不然只有你自己可以訪問你發(fā)布的程序，別人無法訪問)。
配置好之后，需要重啟計(jì)算機(jī)才能生效。
2、發(fā)布：成都服務(wù)器托管
在管理工具里面打開IIS管理器，然后點(diǎn)擊添加網(wǎng)站。在添加網(wǎng)站對話框中，輸入網(wǎng)站名稱，選擇物理路徑和端口，其他默認(rèn)，然后確定物理路徑，選擇存放發(fā)布后的文件系統(tǒng)的文件夾，端口選擇除 80 以外的端口
默認(rèn)打開文件是index.html，可以自己設(shè)置。
三、 第三種方法(nginx服務(wù)器)
1、下載nginx的安裝包：成都服務(wù)器托管
下載地址：nginx.org/en/download…，點(diǎn)擊stable version即穩(wěn)定版本進(jìn)行下載了再解壓即可。
2、Nginx網(wǎng)站的配置：成都服務(wù)器托管
先把需要發(fā)布的網(wǎng)站目錄拷貝到nginx文件夾下面的html文件夾里面。綿陽電信機(jī)房然后再進(jìn)入conf文件夾打開nginx.conf文件進(jìn)行配置，配置內(nèi)容如下：成都服務(wù)器托管
server {
listen 8180;
server_name localhost;
location /{
root html/share;
index index.html index.htm;
}
}
PS：有一個(gè)需要注意的點(diǎn)是nginx的默認(rèn)端口80不能被占用了，如果被占用了，就把配置里面的端口改了或者把以前的發(fā)布的80端口的改成其他端口
3、Nginx的啟動：成都服務(wù)器托管
可以直接點(diǎn)擊nginx解壓包里面的nginx.exe程序，也可以在nginx的目錄下打開命令窗口(在當(dāng)前目錄下打開命令窗口，可以在按住shift鍵的前提下再點(diǎn)擊右鍵菜單，第三個(gè)就是在此處打開命令窗口)，運(yùn)行nginx命令啟動nginx。
當(dāng)修改了nginx.conf的配置的時(shí)候，需要重啟nginx，命令是
nginx –s reload
重慶分公司
重慶分公司
