更新時(shí)間:2022-06-01 來源:黑馬程序員 瀏覽量:
Visual Studio Code是由微軟公司推出的一款免費(fèi)、開源的代碼編輯器,一經(jīng)推出便受到開發(fā)者的歡迎。對(duì)于Web前端開發(fā)人員,一個(gè)強(qiáng)大的編輯器可以使開發(fā)變得簡(jiǎn)單、便捷、高效。
1.輕巧、極速,占用系統(tǒng)資源較少。
2.具備智能代碼補(bǔ)全、語(yǔ)法高亮顯示、自定義快捷鍵和代碼匹配等功能。
3.跨平臺(tái),可用于macOS、Windows和Linux系統(tǒng)。
4.主題界面的設(shè)計(jì)比較人性化。例如,可以快速查找文件并直接進(jìn)行開發(fā),可以通過分屏顯示代碼,可以自定義主題顏色(默認(rèn)為黑色),也可以快速查看最近打開的項(xiàng)目文件和查看項(xiàng)目文件結(jié)構(gòu)。
5.提供豐富的擴(kuò)展(extension),用戶可根據(jù)需要自行下載和安裝擴(kuò)展。常用的擴(kuò)展有Chinese和Live Server等。
雙擊安裝包啟動(dòng)安裝程序。
將Visual Studio Code編輯器的語(yǔ)言(默認(rèn)英文)設(shè)置為中文。
實(shí)現(xiàn)步驟:?jiǎn)螕糇筮厵谥械牡?個(gè)圖標(biāo)按鈕(Extensions擴(kuò)展按鈕)然后在搜索框中輸入關(guān)鍵詞“Chinese"找到中文語(yǔ)言擴(kuò)展,最后單擊"Install”按鈕進(jìn)行安裝。
Live Server擴(kuò)展可以創(chuàng)建一個(gè)本地服務(wù)器來預(yù)覽網(wǎng)頁(yè),服務(wù)器的默認(rèn)端口是5500,用戶也可以自行設(shè)置端口號(hào)、默認(rèn)瀏覽器等。使用Live Server擴(kuò)展運(yùn)行程序時(shí),如果對(duì)代碼進(jìn)行了修改,不需要重新刷新瀏覽器即可更新頁(yè)面內(nèi)容。