天天看點

Visual Studio Code 的安裝和使用

Visual Stuio Code 微軟出的一款免費編輯器。目前 Visual Stuio Code 有 Windows、Linux 和macOS 三種版本的,屬于跨平台的編輯器。它功能強大,支援插件工具安裝,對于寫代碼、閱讀代碼的人來說是非常友善的。

因為經常使用 Visual Stuio Code 的緣故,每次打開新的代碼的時候,就總是需要建立 Visual Stuio Code 的Project,然後加載代碼到建立的 Project中,每隔一段時間再次使用時,總是忘記許多的細節,是以想着幹脆就直接記錄下來,做個備忘!

1、 安裝 Visual Stuio Code

Visual Stuio Code 的下載下傳位址如下:

具體要安裝哪個,自己根據需要選擇,如下圖:

Visual Studio Code 的安裝和使用

以安裝 Windows 版本的為例,輕按兩下下載下傳好的 .exe 安裝包,接下來的安裝過程都是選擇“下一步”即可,直到安裝完畢。安裝完畢之後會出現如下的圖示:

Visual Studio Code 的安裝和使用

輕按兩下圖示打開之後的界面如下:

Visual Studio Code 的安裝和使用

注意:我這裡顯示的是中文,是因為我之前在安裝好之後已經漢化了!

2、 安裝 Visual Studio Code 插件

Visual Studio Code 支援插件的安裝,編輯器裡面也可以搜尋安裝插件,非常豐富。搜尋方法如下:

Visual Studio Code 的安裝和使用

想要什麼插件直接搜尋,搜尋到了直接安裝,搜尋框下方顯示的就是已經安裝好的插件。

一些很有用的插件建議都要安裝,如下:

1)、C/C++
2)、C/C++ Snippets, C/C++重用代碼塊。
3)、C/C++ Advanced Lint, C/C++靜态檢測 。
4)、Code Runner,代碼運作。
5)、Include AutoComplete,自動頭檔案包含。
6)、Rainbow Brackets,彩虹花括号,有助于閱讀代碼。
7)、One Dark Pro,Visual Studio Code的主題。
8)、GBKtoUTF8,将 GBK 轉換為 UTF8。
9)、ARM,支援 ARM 彙編文法高亮顯示。
10)、Chinese(Simplified),中文環境。
11)、vscode-icons,VSCode 圖示插件,主要是資料總管下各個檔案夾的圖示。
12)、compareit,比較插件,可以用于比較兩個檔案的差異。
13)、DeviceTree,裝置樹文法插件。
14)、TabNine, AI 自動補全插件。
           

插件安裝好以後,可以查詢安裝,如下圖:

Visual Studio Code 的安裝和使用

3、 建立 Visual Studio Code 工程

如果你打算使用 Visual Studio Code 編寫代碼或者閱讀代碼,那麼需要先建立一個 Visual Studio Code 的工程,然後将你的代碼檔案添加到工程裡面來,就可以使用 Visual Studio Code 進行編寫和檢視代碼了。

(1) 建立一個檔案夾,用于儲存工程檔案(盡量不要有中文路徑!!!)。比如我下面這樣的:

Visual Studio Code 的安裝和使用

(2)打開 Visual Studio Code ,然後在 Visual Studio Code 上點選 檔案 -> 打開檔案夾,如下圖:

Visual Studio Code 的安裝和使用

打開檔案夾之後如下所示:

Visual Studio Code 的安裝和使用

(3)選擇 檔案 -> 将工作區另存為..,輸入要儲存的工作區路徑和工作區名字,如下:

Visual Studio Code 的安裝和使用

儲存之後,在原本打開的檔案夾中可以看到出現了一個工作台檔案,如下:

Visual Studio Code 的安裝和使用

(4)工作台建立完成之後,就可以将檔案拷貝到工作區的檔案夾裡面,如下:

Visual Studio Code 的安裝和使用

檔案拷貝成功以後,從 Visual Studio Code 上就可以看到被加進來的檔案,如下:

Visual Studio Code 的安裝和使用

到此,已經可以使用 Visual Studio Code 編輯和檢視代碼了。

4、 Visual Studio Code的使用

有關 Visual Studio Code 的使用,每個人的使用習慣各有不同,網上找找也有一大堆的各種騷操作,大家可以參考參考。

繼續閱讀