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