Vscode是一個開源的且非常輕量好用的IDE，和Sublime一樣，擁有很多的插件使得VsCode很強(qiáng)大，在Sublime中我們可以通過插件配置本地服務(wù)器，當(dāng)然在VSCode中同樣可以做到，請看下面方法，順便附上Sublime的配置方法
VsCode
1
還未安裝VsCode的童鞋，自行百度搜索Vscode，進(jìn)入第一個鏈接下載安裝即可，這里就不詳細(xì)介紹下載安裝過程了
2
打開VsCode的插件安裝功能，在左側(cè)的最底部位置
接著在輸入框中搜索【live Server】
找到同名插件，第一個就是啦，點(diǎn)擊【安裝】
安裝完成后點(diǎn)擊【重新加載】
從新啟動VScode后，你會發(fā)現(xiàn)在軟件的右下角的狀態(tài)欄中出現(xiàn)了【Go Live】這個就是啟動剛剛安裝的插件開關(guān)啦，
點(diǎn)擊啟動服務(wù)器，會自動運(yùn)行系統(tǒng)默認(rèn)的瀏覽器，如圖
到這里說明服務(wù)器以及能跑起來了，我們只需要開發(fā)index文件，運(yùn)行即可，默認(rèn)是顯示項(xiàng)目中所有的文件和文件夾
回到VsCode再次點(diǎn)擊即可關(guān)閉服務(wù)器
同學(xué)會發(fā)現(xiàn)默認(rèn)是5500端口，那么萬一端口沖突呢，或者我們需要自己設(shè)置端口呢，接下來就簡單介紹下如何設(shè)置服務(wù)器的端口和代理。當(dāng)然如果端口沖突，插件會自動啟動其他端口的，這個大家不必?fù)?dān)心，放心使用即可
點(diǎn)擊【文件】=【首選項(xiàng)】=【設(shè)置】
搜索關(guān)鍵字【liveserver】一直往下找，我們可以找到live Server相關(guān)設(shè)置
liveServer.settings.port 是設(shè)置端口的
liveServer.settings.proxy是設(shè)置代理的
其他設(shè)置大家可以自己查看
