Vscode是一個(gè)開源的且非常輕量好用的IDE,和Sublime一樣踢星,擁有很多的插件使得VsCode很強(qiáng)大,在Sublime中我們可以通過插件配置本地服務(wù)器,當(dāng)然在VSCode中同樣可以做到魏烫,請(qǐng)看下面方法,順便附上Sublime的配置方法
VsCode
1
還未安裝VsCode的童鞋则奥,自行百度搜索Vscode考润,進(jìn)入第一個(gè)鏈接下載安裝即可,這里就不詳細(xì)介紹下載安裝過程了
2
打開VsCode的插件安裝功能读处,在左側(cè)的最底部位置
接著在輸入框中搜索【live Server】
找到同名插件糊治,第一個(gè)就是啦,點(diǎn)擊【安裝】
安裝完成后點(diǎn)擊【重新加載】
從新啟動(dòng)VScode后罚舱,你會(huì)發(fā)現(xiàn)在軟件的右下角的狀態(tài)欄中出現(xiàn)了【Go Live】這個(gè)就是啟動(dòng)剛剛安裝的插件開關(guān)啦井辜,
點(diǎn)擊啟動(dòng)服務(wù)器,會(huì)自動(dòng)運(yùn)行系統(tǒng)默認(rèn)的瀏覽器管闷,如圖
到這里說明服務(wù)器以及能跑起來了粥脚,我們只需要開發(fā)index文件,運(yùn)行即可包个,默認(rèn)是顯示項(xiàng)目中所有的文件和文件夾
回到VsCode再次點(diǎn)擊即可關(guān)閉服務(wù)器
同學(xué)會(huì)發(fā)現(xiàn)默認(rèn)是5500端口刷允,那么萬一端口沖突呢,或者我們需要自己設(shè)置端口呢碧囊,接下來就簡單介紹下如何設(shè)置服務(wù)器的端口和代理树灶。當(dāng)然如果端口沖突,插件會(huì)自動(dòng)啟動(dòng)其他端口的糯而,這個(gè)大家不必?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è)置大家可以自己查看