1. 程式人生 > 其它 >Visual Studio Code的安裝

Visual Studio Code的安裝

目的:在Windows10下安裝Visual Studio Code並配置C語言執行環境,執行一個C語言Hello world程式。

系統環境舉例為全新安裝的Windows10,若此前進行過程式設計環境的配置,其中錯誤請自行檢查修正。

本教程非常適合第一次接觸程式設計的計算機相關專業大一新生。

安裝

  1. 官網下載Visual Studio Code安裝程式,一般建議下載使用者安裝版(User),這樣後續不會產生管理員許可權問題。直接點選最大的藍色按鈕即可下載。

  2. 雙擊安裝程式執行,按照提示點選下一步,User版本安裝目錄不建議修改,預設即可。

    1. 按需要選擇是否建立開始選單快捷方式(一般建立即可)

      建立開始選單快捷方式 不建立開始選單快捷方式
    2. 按需要選擇對應的載入項,作者一般選擇前兩項

    3. 點選安裝開始安裝過程

    4. 安裝過程請稍等

    5. 安裝完成直接點選即可開啟,或取消勾選再點選完成即暫時不開啟

  3. Visual Studio Code(下稱VSCode)的預設介面是深色的英文介面,成功顯示該頁面即為安裝成功完成。

漢化(安裝簡體中文外掛)

  1. 如果系統語言為中文,VSCode一般會彈出提示詢問是否要安裝中文語言包,可以快速點選安裝並重啟即可漢化完成

  2. 手動安裝需要點選左側的第五個圖示(3+1個方塊),該圖示為“擴充套件”(外掛)選項(Extensions),並在搜尋框中輸入Chinese

  3. 搜尋的結果中點選選擇中文語言包,第一個結果應該就是語言包。

  4. 點選Install即可安裝,等待右下角彈出提示,點選restart按鈕重啟介面即可切換為中文。

安裝C語言程式設計環境(MinGW-64)

  1. 下載並安裝的方法

    1. 在SourceForge軟體站下載MinGW-W64 GCC-8.1.0環境(x86_64-win32-seh):https://sourceforge.net/projects/mingw-w64/files/Toolchains targetting Win64/Personal Builds/mingw-builds/8.1.0/threads-win32/seh/x86_64-8.1.0-release-win32-seh-rt_v6-rev0.7z

      進入網址後等待五秒鐘就會開始下載

      注意:方法2使用線上安裝器安裝,需要有合適的網路環境,線上安裝器需要從國外拉取安裝內容,國內使用者直接安裝一般都會失敗,建議直接使用上述方法1安裝環境,方法2可忽略。

    2. 在SourceForge軟體站下載最新的MinGW-64線上安裝器:https://sourceforge.net/projects/mingw-w64/files/Toolchains targetting Win32/Personal Builds/mingw-builds/installer/mingw-w64-install.exe/download 進入網址後等待五秒鐘就會開始下載,下載後執行exe程式,後按提示操作,因國內使用者使用不便,不予詳細闡述。

  2. 下載完成後將檔案解壓(檔案為7-Zip格式,需要安裝解壓軟體,推薦使用7-Zip解壓該檔案,其他解壓軟體也均可)

  3. 將得到的mingw64資料夾放置到C:\Program Files目錄下(推薦,實際上放在其他地也方均可)

    該檔案位置有如下幾種推薦放置方式:

    1. 放置在C:\Program Files目錄下(該方式適合小白選手,位置容易尋找,且符合系統規範)(本文使用該位置演示,不影響實際使用)
    2. 放置在自己的程式設計環境集合資料夾中(當開發時間長後有些使用者會喜歡把各種語言的環境放在一起,集中存放,但不太符合系統規範)
    3. 放置在C:\Program Files\mingw-w64\x86_64-8.1.0-release-win32-seh-rt_v6-rev0目錄下(該方式與線上安裝器的環境安裝位置相同,且符合系統規範,但需要自行建立中間路徑不存在的資料夾)(推薦有能力的使用者使用該方法,且其他開發環境也建議使用推薦的目錄安裝)
  4. 配置環境變數

    1. 開啟此電腦,在空白處右鍵,點選屬性,開啟系統頁面,在左側側邊欄中點選“高階系統設定”開啟高階系統設定。

    2. 在開啟的高階系統設定頁面點選“環境變數”

    3. 在開啟的環境變數配置頁面中找到系統變數中的 Path 並雙擊開啟(或點選下面的編輯按鈕)

    4. 在開啟的編輯頁中點選新建並點選瀏覽,找到第二步中的位置,並繼續向下開啟,找到名為bin的資料夾

    5. 在所有頁點選確定,直到視窗全部關閉。

  5. MinGW-64環境配置完成,可以使用cmd測試是否配置成功

    1. 開啟開始選單,輸入cmd開啟命令提示符

    2. 輸入gcc --version並回車

    3. 如出現以下提示資訊,即為配置成功。

    4. 如出現以下提示資訊,說明尚未配置成功,請檢查配置步驟是否正確。

為VSCode安裝C/C++外掛和Code Runner外掛

  1. 開啟VSCode並開啟外掛頁,搜尋“C/C++”,選擇標星的微軟(Microsoft)開發的C/C++外掛安裝

  2. 點選安裝後請等待右下角數個進度條走完

  3. 安裝後按Ctrl+Shift+P開啟命令頁,輸入C/C++,選擇C/C++編輯配置(UI)

  4. 在開啟的頁面中輸入環境變數的路徑(編譯器位置)並在最後輸入gcc(編譯器名),點選頁面空白處即可儲存。

  5. 開啟VSCode並開啟外掛頁,搜尋“C/C++”,選擇標星的微軟開發的C/C++外掛安裝

    Code Runner是一個大佬Jun Han(韓駿)韓老師開發的一鍵執行很多語言的外掛工具,功能非常強大,推薦各位使用。

  6. Code Runner外掛安裝後預設是在輸出中對輸入的內容進行輸出的,可能造成使用者無法向編寫的程式輸入資料等問題,所以要在安裝後直接把執行位置改為在終端中執行。開啟VSCode設定

  7. 在設定頁面中搜索設定Code-runner: Run In Terminal (直接搜尋run in terminal也可,一般很容易就能找到對應的選項了)

  8. 將Code-runner: Run In Terminal的設定:Whether to run code in Integrater Terminal.勾選上(即:是否在內部終端中執行程式碼)

  9. 配置完成,請關閉VSCode。若要繼續使用,請關閉後重啟VSCode(部分設定重啟VSCode後才會生效)

嘗試寫一個C語言Hello world程式

  1. 開啟VSCode

  2. 開啟一個資料夾(找一個自己喜歡的地方存自己以後的程式碼吧)

  3. 在彈出的視窗中信任該資料夾的作者

  4. 點選新建檔案,輸入檔名(如hello.c)並回車

  5. 編寫程式

    #include <stdio.h>
    int main()
    {
        printf("Hello,world!\n");
        return 0;
    }
    
  6. Ctrl+S儲存檔案,然後點選右上角播放箭頭(執行)

  7. 程式執行正常。

  8. 若當輸入中文時,輸出出現亂碼,這是因為Windows中文系統預設編碼是GBK,但VSCode安裝後文件的預設編碼是UTF-8(計算機編碼知識請讀者自行搜尋),因此若想要臨時編寫的檔案以GBK編碼開啟和儲存,請點選介面右下角的編碼區域(一般顯示著UTF-8),選擇“通過編碼重新開啟”回車,然後輸入GBK搜尋並回車

    注意:若已經填寫了內容,更改編碼後其中的中文字元會變成亂碼,請先全選並複製,更改編碼後貼上回去。

  9. 若想更改以後預設建立的檔案的編碼,請開啟設定,搜尋設定項Files: Encoding,將設定項改為GBK

  10. 中文內容也可以正常輸出了