更新時(shí)間:2023年09月27日14時(shí)25分 來源:傳智教育 瀏覽次數(shù):
為了方便編輯網(wǎng)頁代碼,前端工程師通常會(huì)選擇一些較便捷的代碼編輯工具。例如,Editplus、notepad++、 Hbuilder、 sublime、 Dreamweaver、VS Code等。其中VSCode輕巧便捷、免費(fèi)開源,并且提供了插件擴(kuò)展功能,深受網(wǎng)站制作人員的青睞。本節(jié)將詳細(xì)介紹VS Code的安裝、設(shè)置和使用技巧。
打開VS Code官方網(wǎng)站。單擊藍(lán)色箭頭按鈕選擇和電腦系統(tǒng)匹配的VS Code版本(推薦Stable穩(wěn)定版),單擊下載按鈕,下載VS Code安裝包。
VS Code安裝完成后,啟動(dòng)軟件,VS Code界面結(jié)構(gòu)如下。
VSCode界面菜單默認(rèn)顯示為英文。如果我們習(xí)慣中文菜單操作,可以通過安裝中文擴(kuò)展插件的方式,將界面菜單設(shè)置為中文顯示模式。
VSCode默認(rèn)的界面為黑色背景,我們?nèi)绻胍鼡Q界面顏色,可以單擊工具欄左下方的管理按鈕進(jìn)行設(shè)置。
設(shè)置代碼字號(hào)
VS Code有默認(rèn)的字號(hào)。如果感覺代碼字號(hào)不合適可以自行設(shè)置。單擊工具欄左下方的管理按鈕。
北京校區(qū)