工具 - VSCode必備插件以及如何配置


簡介

工作中涉及到使用VSCode作為遠程開發工具

 

必裝插件

1、格式化代碼插件:Astyle(需配置后使用)

2、高亮括號:Bracket Pair Colorizer 2

3、C++代碼提示:C/C++(需配置后使用)

4、漢化:Chinese (Simplified) Language Pack for Visual Studio Code

5、博主喜歡的主題:Panda Theme(代碼着色與所選主題相關)

6、遠程開發工具:Remote - SSH(需配置后使用)

7、方便運行代碼片段和代碼文件:Code Runner

8、注釋高亮:Better Comments

9、快速編寫CMakeList.txt:CMake Tools(需配置后使用)(待完成

 

Astyle插件配置

1、插件安裝后需要下載Astyle應用,地址:http://astyle.sourceforge.net/

2、下載之后要注意Windows平台和Linux平台安裝和使用方式不一樣

3、Windows平台:

  • 在壓縮包里面找到相對目錄:\AStyle_3.1_windows\AStyle\bin\AStyle.exe
  • 在IDE(博主使用的是Qt)設置窗口中配置路徑和格式化風格

4、Linux平台:

  • tar解壓 -> cd進入Astyle目錄 -> cmake CMakelist.txt -> make -> make install
  • 在IDE(VSCode)setting.json中配置路徑和格式化風格

注:

1、Qt配置路徑和格式化風格見:https://www.cnblogs.com/citrus/p/15122820.html

2、VSCode配置路徑和格式化風格見:https://www.cnblogs.com/citrus/p/15146507.html

 

C/C++插件配置

1、插件安裝時會出現下載安裝失敗的情況(由於防火牆、內網等原因限制)

2、離線安裝cpptools:

  • 根據安裝環境的不同選擇需要下載的cpptools
  • 下載cpptools,地址:https://github.com/Microsoft/vscode-cpptools/releases
  • 本地安裝直接找到下載目錄即可,遠程安裝則需要選擇 在遠程中安裝本地擴展
  • 在VSCode的擴展視圖中 點擊 右上角三點 -> 選擇從 VSIX中安裝

3、安裝好之后就要開始配置了:Windows平台和Linux平台安裝使用方式不一樣

Windows平台:博主使用的是GCC on Windows的編譯環境

Linux平台:系統自帶環境

4、使用cpptools

  • 編寫測試代碼helloworld.cpp
  • 按F5進入調試 -> 選擇C++(GDB/LLDB) -> g++.exe
  • 在打開的文件夾根目錄會自動生成.vscode文件,其中包含兩個json配置文件
  • 其一為launch.json,配置文件內容下圖會具體說明
  • 其二為tasks.json,配置文件內容下圖會具體說明
配置文件:launch.json

{
    // 使用 IntelliSense 了解相關屬性。 
    // 懸停以查看現有屬性的描述。
    // 欲了解更多信息,請訪問: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "g++ - 生成和調試活動文件",
            "type": "cppdbg",
            "request": "launch",
            "program": "${fileDirname}/${fileBasenameNoExtension}",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${fileDirname}",
            "environment": [],
            "externalConsole": false,    //控制台輸出,false則不顯示終端窗口
            "MIMode": "gdb",
            "setupCommands": [
                {
                    "description": "為 gdb 啟用整齊打印",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ],
            "preLaunchTask": "C/C++: g++ 生成活動文件",    //此處要與tasks.json的label一致
            "miDebuggerPath": "/usr/bin/gdb"    //為gdb應用路徑
        }
    ]
}
配置文件:tasks.json

{
    "tasks": [
        {
            "type": "cppbuild",
            "label": "C/C++: g++ 生成活動文件",    //此處要與launch.json的perLaunchTask一致
            "command": "/usr/bin/g++",    //為g++應用路徑
            "args": [
                "-g",
                "${file}",  //鏈接多個源文件時此處需要增加一行 "${fileDirname}",
                "-o",
                "${fileDirname}/${fileBasenameNoExtension}"
            ],
            "options": {
                "cwd": "${fileDirname}"    //為mingw64/bin文件夾路徑
            },
            "problemMatcher": [
                "$gcc"
            ],
            "group": {
                "kind": "build",
                "isDefault": true
            },
            "detail": "調試器生成的任務。"
        }
    ],
    "version": "2.0.0"
}

注:

1、MinGW介紹:MinGW 全稱是:Minimalist GNU on Windows

它實際上是將經典的開源 C語言 編譯器 GCC 移植到了 Windows 平台下,並且包含了 Win32API,因此可以將源代碼編譯成 Windows 中運行的可執行程序。

而且還可以使用一些 Windows 不具備的Linux平台下的開發工具。一句話來概括:MinGW 就是 GCC 的 Windows 版本 。

由於僅有MinGW-w64被GCC官方所支持,而 MinGW 早已停更,所以推薦使用 MinGW-w64。

2、配置完成后保存.vscode文件,復制到其他工程的根目錄下可省略下一次的重新配置。

3、每次更改完配置文件后要及時保存,否則不更新配置信息。

 

Remote - SSH插件配置

1、插件安裝完成后,左側活動欄會出現遠程資源管理器,點擊遠程資源管理器,添加需要遠程的設備

2、輸入ssh root@IP:Port,回車即可

3、特別強調,插件安裝后第一次遠程連接時會讓遠程端下載一個vscode-server.tar.gz文件

4、上述弄好之后就要配置 setting.json 和 .ssh\config 兩個文件

  • 配置 setting.json:添加系統類型Linux,免得每次連接是都需要選擇,密碼也可以通過生成公鑰上傳要遠程端,免於每次連接都要輸入密碼
  • 配置 .ssh\config:添加連接遠程端的 IP、Port、User

 

Code Runner插件配置

1、插件安裝完成之后,VSCode編輯器頁面右上方會出現一個一鍵運行的按鈕

2、運行插件時需要設定好運行目錄(這點涉及到為什么多文件運行不起來的原因)

3、單文件運行時可以直接點擊一鍵運行按鈕,在下方輸出窗口看到運行結果

 

1、從VSCode安裝到運行代碼可參考一下:https://blog.csdn.net/yanwennian/article/details/103372880

 


免責聲明!

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



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