教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

HTML5常用開發(fā)工具—VS Code的安裝設(shè)置

更新時(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的安裝

打開VS Code官方網(wǎng)站。單擊藍(lán)色箭頭按鈕選擇和電腦系統(tǒng)匹配的VS Code版本(推薦Stable穩(wěn)定版),單擊下載按鈕,下載VS Code安裝包。

VS code下載安裝

VS Code安裝完成后,啟動(dòng)軟件,VS Code界面結(jié)構(gòu)如下。

VS Code界面結(jié)構(gòu)

VSCode的初始化設(shè)置主要包括設(shè)置中文顯示模式、界面顏色和代碼字號(hào)。

設(shè)置中文顯示模式

VSCode界面菜單默認(rèn)顯示為英文。如果我們習(xí)慣中文菜單操作,可以通過安裝中文擴(kuò)展插件的方式,將界面菜單設(shè)置為中文顯示模式。

vscode設(shè)置中文顯示模式

設(shè)置界面顏色

VSCode默認(rèn)的界面為黑色背景,我們?nèi)绻胍鼡Q界面顏色,可以單擊工具欄左下方的管理按鈕進(jìn)行設(shè)置。

界面顏色設(shè)置

設(shè)置代碼字號(hào)

VS Code有默認(rèn)的字號(hào)。如果感覺代碼字號(hào)不合適可以自行設(shè)置。單擊工具欄左下方的管理按鈕。

設(shè)置代碼字號(hào)
0 分享到:
和我們在線交談!