VSCode 配置本地服務器

原文：https://www.jianshu.com/p/f65f2fefa040

Vscode是一個開源的且非常輕量好用的IDE，和Sublime一樣，擁有很多的插件使得VsCode很強大，在Sublime中我們可以通過插件配置本地服務器，當然在VSCode中同樣可以做到，請看下面方法，順便附上Sublime的配置方法

Sublime Text 3怎么配置本地服務器？

 

 

 

 

工具/原料

VsCode

方法/步驟

1

還未安裝VsCode的童鞋，自行百度搜索Vscode，進入第一個鏈接下載安裝即可，這里就不詳細介紹下載安裝過程了

2

打開VsCode的插件安裝功能，在左側的最底部位置

 

 

 

接着在輸入框中搜索【live Server】

 

 

 

找到同名插件，第一個就是啦，點擊【安裝】

 

 

 

安裝完成后點擊【重新加載】

 

 

 

從新啟動VScode后，你會發現在軟件的右下角的狀態欄中出現了【Go Live】這個就是啟動剛剛安裝的插件開關啦，

 

 

 

點擊啟動服務器，會自動運行系統默認的瀏覽器，如圖

 

 

 

到這里說明服務器以及能跑起來了，我們只需要開發index文件，運行即可，默認是顯示項目中所有的文件和文件夾

回到VsCode再次點擊即可關閉服務器

 

 

 

 

同學會發現默認是5500端口，那么萬一端口沖突呢，或者我們需要自己設置端口呢，接下來就簡單介紹下如何設置服務器的端口和代理。當然如果端口沖突，插件會自動啟動其他端口的，這個大家不必擔心，放心使用即可

點擊【文件】=【首選項】=【設置】

 

 

 

搜索關鍵字【liveserver】一直往下找，我們可以找到live Server相關設置

liveServer.settings.port 是設置端口的

liveServer.settings.proxy是設置代理的

其他設置大家可以自己查看

 

 

作者：observerb
鏈接：https://www.jianshu.com/p/f65f2fefa040
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。