VS Code 使用教程詳解


一、寫在前面

1、為什么選擇 \(VS\) \(code\)

  • 一款非常好用的代碼編輯器

  • 標准化 \(Language\) \(Service\) \(Protocol\)

  • 內置調試器和標准化 \(Debugger\) \(Adaptor\) \(Protocol\) —— 所以 \(VS\) \(code\) 可以跨界搶 \(IDE\) 的市場……

  • 相較於同市場的 \(Notepad++\)\(Sublime\) \(Text\)\(VS\) \(code\) 的顏值和功能足以將它倆按在地上摩擦 (為什么不比較我神仙利器 \(Dev-C++\) ?因為它太神仙了)

  • 摸魚插件千千萬,划水開船不易翻,它太香了鴨

2、 \(VS\) \(code\) 是個啥,有啥用

  • 正如以上所說, \(VS\) \(code\) 是一款功能豐富且強大代碼編輯器 (當然你也可用他悄悄做一些別的事情) 。為什么說它是編輯器而不是編譯器,因為在用戶完成環境配置之前,它的作用僅僅相當於一個會變色的 \(text\) 文本文檔 (其實變色也還要用戶手動設置)

  • \(VS\) \(code\) 特點:

    • 開源,免費;

    • 自定義配置

    • 集成 \(git\)

    • 智能提示強大

    • 支持各種文件格式( \(html\) / \(jade\) / \(css\) / \(less\) / \(sass\) / \(xml\)

    • 調試功能強大

    • 各種方便的快捷鍵

    • 強大的插件擴展

      • 支持的語言拓展常見的包含如下:
        基本語言
      • 截至 \(2019\)\(9\) 月, \(VS\) \(code\) 已經支持如下 \(37\) 種語言和文件:
        \(F\)#、\(HandleBars\)\(Markdown\)\(Python\)\(Jade\)\(PHP\)\(Haxe\)\(Ruby\)\(Sass\)\(Rust\)\(PowerShell\)\(Groovy\)\(R\)\(Makefile\)\(HTML\)\(JSON\)\(TypeScript\)\(Batch\)\(Visual Basic\)\(Swift\)\(Less\)\(SQL\)\(XML\)\(Lua\)\(Go\)\(C++\)\(Ini\)\(Razor\)\(Clojure\)\(C\)# 、 \(Objective-C\)\(CSS\)\(JavaScript\)\(Perl\)\(Coffee Script\)\(Java\)\(Dockerfile\)
  • 學(hun)習(shui)寫(mo)碼(yu)這么方便,沒理由不用

二、配置安裝(這里以 C++ 為例)

1、下載安裝

  • 安裝包直接從官網下載即可

    注:由於作者設備為 \(Win10\) \(64\) 位,所以官網默認下載為 \(64\) 位,其他版本可點擊 Other downloads 進行下載。

    會跳到這個界面

  • 關於下載速度慢:

    大概是官方的軟件源被牆了,可以嘗試一下幾種下載方式:

    • 下載國內鏡像軟件 。(如果鏈接失敗,可以自行修改軟件源網址,即將原網址https://az764295.vo.msecnd.net/stable/2b9aebd5354a3629c3aba0a5f5df49f43d6689f8/VSCodeUserSetup-x64-1.54.3.exe 中的 az764295.vo.msecnd.net 修改為 vscode.cdn.azure.cn ,最后就是這么個網址 https://vscode.cdn.azure.cn/stable/2b9aebd5354a3629c3aba0a5f5df49f43d6689f8/VSCodeUserSetup-x64-1.54.3.exe ,其他版本同樣適用) (牆裂推薦!!!)

    • 下載作者給出的官方安裝包~~

      百度網盤 提取碼:q6x3

      (前提是得有耐心或者是敢氪金充百度網盤會員的勇敢的心吧。。。不然被限速得還不如從官網下呢)

    • 試用移動數據?是土豪的話可以嘗試下

    • 科學健康上網

  • 安裝



2、配置基礎插件

  • 漢化(英語大神可以直接忽略)

    • 畢竟 \(VS\) \(code\) 不是國產的,畢竟是微軟開源的,畢竟微軟的母語不是漢語,所以在安裝完畢后它的界面是全英文界面

    • 但是它支持插件啊!

    • 點擊最右側一欄四個方格樣圖標,這就是 \(VS\) \(code\) 的插件拓展功能

    • 打開后在最上方搜索框搜索 Chinese 就會出現 Chinese (Simplified) Language Pack for Visual Studio Code 漢化標識

    • 點擊安裝(由於作者已經安裝完成,所以並沒有顯示 安裝 按鈕)

    • 重新啟動 \(VS\) \(code\)

  • 配置語言包

    • 在拓展商店搜索 C/C++ 語言包並安裝

3、配置系統環境(這步很重要!!!)

  • 眾所周知, C++ 是要用 g++.exe 編譯的,是要用 gdb.exe \(Debug\) 的,這也是為什么講 \(VS\) \(code\) 是編輯器而不是編譯器的原因。

  • 下載編譯環境—— \(MinGW\) \(64\)\(MinGW\) \(32\)

    • 良心 作者已經把 \(64\) 位的常用環境變量整合好了,可以到網盤提取

    • 網盤地址: https://pan.baidu.com/s/1fBZr_NbIHuupodVbZ5-rhg

    • 提取碼: y8c9

    • 直接下載解壓到一個不容易被刪除的地方就好啦~

    • 注:解壓時一定要記清文件路徑!!!過會兒會用到

  • 將編譯器文件路徑加入到系統的環境變量當中

    • 找到剛才解壓的編譯器文件夾,找到目錄下的 bin 文件夾,例如我的就是 F:\x86_64-8.1.0-release-posix-seh-rt_v6-rev0\mingw64\bin ,將路徑復制下來(如果你足夠細心,你會注意到在 x86_64-8.1.0-release-posix-seh-rt_v6-rev0\mingw64 目錄下其實還有一個 x86_64-w64-mingw32 文件夾,這是為了防止某些牛人的老爺機可能對 \(64\) 位不兼容,准備的 \(32\) 位。如果可以,最好也將它子目錄下的 bin 文件夾路徑復制下來,又例如我的是 F:\x86_64-8.1.0-release-posix-seh-rt_v6-rev0\mingw64\x86_64-w64-mingw32\bin

    • 右鍵單擊 此電腦 \(\to\) 屬性 \(\to\) 高級系統設置 \(\to\) 高級 \(\to\) 環境變量 \(\to\) 單擊選中系統環境里的 PATH \(\to\) 編輯 \(\to\) 新建 \(\to\) 將剛才復制的路徑粘貼進去(一定要精確到 bin 文件夾!)

    • 然后一路 確定應用 點回來

    • 然后關機重啟這樣就完成了環境變量的配置

    • 最后來檢驗一下: Win+R 打開運行,輸入 cmd 回車,在命令提示符里輸入 g++,若出現下面結果而不是 'g++'不是內部或外部命令,也不是可運行的程序或批處理文件則表示配置成功

4、配置 \(VS\) \(code\) 內部環境

  • 打開 \(VS\) \(code\) ,點擊編輯器右上角 資源管理器 \(\to\) 打開文件夾 \(\to\) 在你准備保存代碼的地方新建一個文件夾,命名為 .vscode (注意名字一定是 .vscode ,這是必須的。一般來說,每個保存代碼的文件夾中都應有這么一個 .vscode 配置文件)

  • 注:將此文件夾放在常用文件夾頂層,就不需要重復配置了。

  • .vscode 文件夾中,新建兩個(只需兩個)配置文件,即 tasks.jsonlaunch.json 。將下列內容復制進去即可:

    • \(tasks.json\) :
    {
      "version": "2.0.0",
      "tasks":
      [
          {
              "label": "g++",
              "command": "g++",
              "args":
              [
                  "-g",
                  "${file}",
                  "-o",
                  "${fileDirname}/${fileBasenameNoExtension}.exe"
              ],
              "problemMatcher":
              {
                  "owner": "cpp",
                  "fileLocation":
                  [
                      "relative",
                      "${workspaceRoot}"
                  ],
                  "pattern":
                  {
                      "regexp": "^(.*):(\\d+):(\\d+):\\s+(warning|error):\\s+(.*)$",
                      "file": 1,
                      "line": 2,
                      "column": 3,
                      "severity": 4,
                      "message": 5
                  }
              },
              "group":
              {
                  "kind": "build",
                  "isDefault": true
              }
          }
      ]
    }
    
    • \(launch.json\) :

      • 注意: miDebuggerPath 這一條,要與你環境包安裝路徑一致,注意在路徑中 ''要替換為'\',就像下面一樣。
    {
        "version": "0.2.0",
        "configurations":
        [
    
            {
                "name": "(gdb) Launch",    // 配置名稱,將會在啟動配置的下拉菜單中顯示
                "type": "cppdbg",         // 配置類型,這里只能為cppdbg
                "request": "launch",    // 請求配置類型,可以為launch(啟動)或attach(附加)
                "program": "${fileDirname}/${fileBasenameNoExtension}.exe",// 將要進行調試的程序的路徑
                "args": [],                // 程序調試時傳遞給程序的命令行參數,一般設為空即可
                "stopAtEntry": false,     // 設為true時程序將暫停在程序入口處,一般設置為false
                "cwd": "${workspaceRoot}",// 調試程序時的工作目錄,一般為${workspaceRoot}即代碼所在目錄
                "environment": [],
                "externalConsole": true,// 調試時是否顯示控制台窗口,一般設置為true顯示控制台
                "MIMode": "gdb",
                "miDebuggerPath": "F:\\x86_64-8.1.0-release-posix-seh-rt_v6-rev0\\mingw64\\bin\\gdb.exe",// miDebugger的路徑,注意這里要與MinGw的路徑對應
                "preLaunchTask": "g++",    // 調試會話開始前執行的任務,一般為編譯程序,c++為g++, c為gcc
                "setupCommands":
                [
                    {
                        "description": "Enable pretty-printing for gdb",
                        "text": "-enable-pretty-printing",
                        "ignoreFailures": true
                    }
                ]
            }
        ]
    }
    
  • 最后嘗試寫個小程序,按 F5 編譯運行。

    • 注:因為 \(VS\) \(code\) 的終端在執行完程序后默認退出,所以可以選擇在 return 0; 處增加一個斷點或者加一句 system(pause); ;

三、個性化 \(VS\) \(code\)

(作者快累死了。。。未完待續,持續更新)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM