如何安裝Visual Studio Code編輯器？

• 發(fā)布時(shí)間：
  2022-06-07
• 版權(quán)所有：
  云和教育
• 分享：

Visual Studio Code是由微軟公司推出的一款免費(fèi)、開源的代碼編輯器，一經(jīng)推出便受到開發(fā)者的歡迎。對于Web前端開發(fā)人員，一個(gè)強(qiáng)大的編輯器可以使開發(fā)變得簡單、便捷、高效。

 

 

Visual Studio Code編輯器特點(diǎn)：

1.輕巧、極速，占用系統(tǒng)資源較少。

2.具備智能代碼補(bǔ)全、語法高亮顯示、自定義快捷鍵和代碼匹配等功能。

3.跨平臺，可用于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等。

Visual Studio Code的下載安裝

 

下載Visual Studio Code編輯器首先要到Visual Studio Code官方網(wǎng)站下載軟件到本地。

 

雙擊安裝包啟動(dòng)安裝程序。

 

點(diǎn)擊下一步，進(jìn)入準(zhǔn)備安裝界面,點(diǎn)擊安裝開始Visual Studio Code編輯器。

 

 

 

Visual Studio Code編輯器主界面

 

點(diǎn)擊設(shè)置按鈕可以將主界面默認(rèn)顏色（黑色）設(shè)置為”Light +(default light)”。

設(shè)置后的效果如下：

 

 

安裝Chinese擴(kuò)展

將Visual Studio Code編輯器的語言（默認(rèn)英文）設(shè)置為中文。

實(shí)現(xiàn)步驟：單擊左邊欄中的第5個(gè)圖標(biāo)按鈕（Extensions擴(kuò)展按鈕）然后在搜索框中輸入關(guān)鍵詞“Chinese”找到中文語言擴(kuò)展，最后單擊”Install”按鈕進(jìn)行安裝。

 

安裝Live Server擴(kuò)展

Live Server擴(kuò)展可以創(chuàng)建一個(gè)本地服務(wù)器來預(yù)覽網(wǎng)頁，服務(wù)器的默認(rèn)端口是5500，用戶也可以自行設(shè)置端口號、默認(rèn)瀏覽器等。使用Live Server擴(kuò)展運(yùn)行程序時(shí)，如果對代碼進(jìn)行了修改，不需要重新刷新瀏覽器即可更新頁面內(nèi)容。

具體安裝步驟：單擊左邊欄中的第5個(gè)圖標(biāo)按鈕（Extensions擴(kuò)展按鈕），然后在搜索框中輸入關(guān)鍵詞“l(fā)ive server”找到該擴(kuò)展，單擊“安裝”按鈕進(jìn)行安裝。

 

以上就是Visual Studio Code的安裝過程如果您還有其他疑問請移步云和數(shù)據(jù)我們的客服老師會(huì)為你一一詳細(xì)解答。

• 上一篇 Vue開發(fā)常用的工具有哪些？
• 下一篇 技術(shù)干貨：MyBatis框架如何解決JDBC編程劣勢？