天天看點

vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題

下載下傳安裝Visual Studio Code

電腦環境:win10,64位;

打開官方網站(code.visualstudio.com)後,點選右上角的Download,進入下載下傳頁面(如下圖所示),選擇自己作業系統對應的安裝程式。

vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題

注意,Windows程式分為User Installer和System Installer。

User版本是為單使用者安裝,會安裝在目前使用者目錄,如果使用另一個帳号登陸計算機将無法使用安裝的VSCode;System版本安裝在非使用者目錄,任何帳戶登入計算機都可以使用VSCode。

如果點選windows圖示,預設下載下傳的安裝程式是User Installer。

如果下載下傳的是User版本安裝程式,安裝時會有下面的提示(如下圖所示)。

vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題

下載下傳完成後,按照安裝提示,一步一步的操作即可。

注意,安裝時的選項,最好都勾選上,友善開發時使用。

vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題
vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題
vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題

安裝完成後,打開VSCode,界面如下所示。

vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題

Visual Studio Code語言環境配置

下面示範語言環境從英文切換到中文:

點選左下角的設定圖示,在彈出的選項中,點選“Command Palette”,将會在上方中間彈出指令面闆的輸入框,如下圖所示。

在“Command Palette”的後面可以看到快捷鍵是“Ctrl+Shift+P”,以後也可以使用該快捷鍵打開指令面闆。

vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題
vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題

在指令面闆的輸入框裡,輸入“Configure Dipsplay Language”, 可以看到,指令面闆輸入框下方,可以根據你的輸入單詞,擴充可能的指令選項,輸入某個單詞就可以找到相應的指令。

vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題

點選“Configure Dipsplay Language”,在下方可以看到隻有en英文語言,點選“Install additional languages”,将會在左側的EXTERNSIONS MARKETPLACE視窗中彈出語言選項。

vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題

在Chinese (Simplified) Language中,點選Install即可。安裝完之後,重新開機VSCode即可使用中文語言環境。如果想切回英文環境,在指令面闆中使用“Configure Dipsplay Language”就可以選擇其他語言環境。

vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題

Visual Studio Code擴充插件

Visual Studio Code作為一個代碼編輯器,為了充分發揮它的功能,可以安裝很多擴充插件。

上文中從英文環境切換為中文環境時,在指令面闆中選擇“Install additional languages”時,跳轉到了擴充商店,進而安裝了中文簡體環境的擴充插件。也可以直接打開擴充插件,搜尋插件進行安裝。

點選VSCode主界面左側中間的“擴充”按鈕,在側邊欄右側彈出了擴充商店,可以在輸入框中搜尋并安裝你需要的擴充插件,比如“Chinese (Simplified) Language”。

可以看到,在搜尋框的下方,有“已啟用”、“推薦”、“已禁用”三個下拉框,裡面分别顯示了你已經安裝并使用的插件、根據你的環境推薦安裝的插件、你已經安裝但是被禁用的插件。

VSCode左側側邊欄的圖示,從上到下依次為“資料總管”、“搜尋”、“源代碼管理”、“運作”、“擴充”按鈕選項,在後續的代碼開發過程中,會逐漸用到。

vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題

如果你是用的C語言進行代碼開發,可能會用到以下擴充插件:

C/C++

Code Runner

C/C++ Compile Run

在擴充商店中搜尋并安裝插件即可。

很多開發者可能會切換軟體的主題背景。可以在指令面闆中輸入“Color Theme”,點選進入主題選項。

vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題

在下拉出現的顔色主題中,有淺色主題、深色主題、高對比度主題。滾動到最下方,可以看到“安裝其他顔色主題”,點選後會彈出擴充商店。

vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題
vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題

可以在擴充商店中,搜尋安裝你想要安裝的顔色主題,比如很多人會使用的Atom One Dark Theme。

vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題

安裝主題顔色後,在指令面闆中進入Color Theme,選擇Atom One Dark即可。可以在指令面闆下拉選項中看到,你選擇的主題名稱背景色和其他名稱背景色不一樣,表示你選擇了該主題。

vscode中文插件沒用_Visual Studio Code(VSCode)的下載下傳安裝、擴充商店、顔色主題

---------------------------------------<結束線>-----------------------------------------