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

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

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

更新時間:2023年09月27日14時25分 來源:傳智教育 瀏覽次數:

為了方便編輯網頁代碼，前端工程師通常會選擇一些較便捷的代碼編輯工具。例如，Editplus、notepad++、 Hbuilder、 sublime、 Dreamweaver、VS Code等。其中VSCode輕巧便捷、免費開源，并且提供了插件擴展功能，深受網站制作人員的青睞。本節(jié)將詳細介紹VS Code的安裝、設置和使用技巧。

VS Code的安裝

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

VS code下載安裝

VS Code安裝完成后，啟動軟件，VS Code界面結構如下。

VS Code界面結構

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

設置中文顯示模式

VSCode界面菜單默認顯示為英文。如果我們習慣中文菜單操作，可以通過安裝中文擴展插件的方式，將界面菜單設置為中文顯示模式。

vscode設置中文顯示模式

設置界面顏色

VSCode默認的界面為黑色背景，我們如果想要更換界面顏色，可以單擊工具欄左下方的管理按鈕進行設置。

界面顏色設置

設置代碼字號

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

設置代碼字號
0 分享到：
和我們在線交談！