VSCode使用筆記

Linux下如何使用Visual studio code調試程序

首先先在VS Code中安裝外掛C/C++、Native Debug。

1.修改Launch.json

首先，先將程序所在的文件夾加載到VSCode工作區(workspace)中，選擇左邊sidebar的RUN「蜘蛛」圖標，按上方齒輪圖標開啟 launch.json腳本文件(用於編寫VSCode運行時執行的應用程式的路徑)，開啟後按下編輯區右下方的「Add configuration...」，選擇「c/c++ (gdb) Launch」後，會自動添加如下腳本代碼：

{

 "name": "mytest (gdb) Launch", //修改1：運行名稱，配置完成後，在綠色三角形旁邊的下拉菜單會出現該選項；

 "type": "cppdbg",

 "request": "launch",

 "program": "${workspaceFolder}/build/test", //修改2：可執行程序文件路徑，這裡test為我編譯出的可執行文件名；

 "args": [],//這裡可以放執行時要使用的參數，用字串的方式寫；

 "stopAtEntry": false,

 "cwd": "${workspaceFolder}/build", //修改3：Debug下運行後當前工程路徑，當代碼中有用到相對路徑時，該變量要設置成與可執行文件相同的路徑；

 "enviroment": [],

 "externalConsole": false, //修改4：程序運行後是否使用外部終端，ture為使用，false為不使用；

 "MIMode": "gdb",

 "setupCommands": [

 {

 "description": "Enable pretty-printing for gdb",

 "text": "-enable-pretty-printing",

 "ignoreFailures": "true"

 }

 ],

 "preLaunchTask": "test_build" //修改5：運行前執行編譯的命令，需要與task.json中的名稱一致。

 },

2.修改tasks.json

tasks.json用於配置編譯任務，可以直接點擊工作區目錄下的.vscode/tasks.json打開，或按「CTRL+P」快捷鍵，然後輸入框中輸入>task，選擇「Tasks:Configure Task」，加上下面這段：

        {

            "label": "test_build",//編譯任務名，需要與Launch.json中preLaunchTask欄位屬性一致，配置完成後，按快捷鍵「CTRL+SHIFT+B」，會彈出該處配置的名稱，如「test_build」；

            "type": "shell",

            "command":"make",//為shell語句，其實就是進入指定的路徑下執行make指令，前提是該目錄下有makefile文件用於編譯源文件；

            "group": "build",//組名，如果沒有這句，按快捷鍵「CTRL+SHIFT+B」後，沒有test_build編譯任務選擇。

            "problemMatcher":"$gcc"

        }

在程序中需要設置斷點的位置按「F9」快捷鍵增加斷點，按「F5」快捷鍵運行，就可以看到程式停在你設斷點的地方。

reference

Linux下如何使用Visual studio code調試程序

Using C++ on Linux in VS Code

vscode for linux 把 make, gcc/g++, gdb, git 都整合起來吧!

【VSCode基本操作】

在VSCode的html格式檔案裡按!+enter，可以自動產生html的基本架構。
Alt+Z切換自動換行 或 在檔案>喜好設定>設定 打開後搜尋 editor.wordWrap 設定為 "on"即可~
先在設定裡搜尋emmet，找到【啟用時，按下Tab鍵即可展開Emmet縮寫】，打勾寵，然後可以用快速編輯方法：輸入h${標題$}*6後按tab，其中h是html語法中的標記語法，也可以用其他語法代替；$類似萬用字元；{用來包含要顯示在網頁上的內容；*是乘以幾次；數字6是次數，也是$的階數，6等於是有6次，例如：h${標題$}*6

標題1

標題2

標題3

標題4

標題5

標題6

選取一段字按ctrl+?可以變為註解，再按一次可以取消註解

a>img按tab可以自動產生所有標籤 a*3>img按tab可以自動產生所有標籤3次 a>img*3按tab可以自動產生後面的標籤3次  

如何單擊左側的檔案列表在新分頁開啟

在設定中搜尋workbench.editor.enablepreview，把打勾取消就好了，每次都要點兩下實在很麻煩。

想找好用的程式碼搜尋功具，先將就用這個吧…

在研發程式的時候，常需要大量搜尋整個資料夾(含子資料夾)下的所有檔案，最好是可以在畫面下方整個表列出來，點擊之後可以在上方編輯區顯示，在Windows上開發的時候大部份編輯器都有這樣的功能，不知為什麼VS Code似乎沒有(還是我跟它還不熟，沒找到，不過要讓人花心思去找也太不聰明了)，勉強找了個「Search code + Replace files + Find definition and references for all types」這個外掛，還算堪用，以後再花時間找找吧~

XD~原來在VSCode左邊的搜尋鈕就可以搜尋你開啟的資料夾下的所有檔案並列在左欄下方，可以自己在files to include欄位裡寫*.h,*.c去做過濾檔案類型，如果能指定資料夾就好了。

VS Code關閉右側預覽功能

在設定裡搜尋"editor.minimap.enabled"，取消打勾就可以了。

快捷鍵

產生基本 html 程式碼: 

! + Tab 

快速修改變數名稱: 

選取變數，按 F2 修改名稱，按 enter，所有同個變數的名稱會一起修改掉，超方便，不用一個一個 replace，或很擔心的 replace all。

ctrl + D 沒試成功，先不寫

其它開發時好用的外掛

cscope-code：可以列出function被哪些人call了，或自己call了哪些function，trace call好用。

Diff Tool：懶得開其他比較軟體時堪用。

Bookmarks：堪用，只是預設bookmark列表是關著的有點討厭。

Beautify：當不知道從哪抄來一段亂亂的程式碼，自動幫你排版很好用。

Hex Editor：以前寫底層的時候要去研究看不懂的數據時可以用，拿來玩猜猜看。

Project Manager：切換project比用open folder快且一眼可以看明白要找的project。

Todo Tree：這個大推，以前都是自己寫註解再搜尋，這個幫你弄成列表且highlight，更不會忘記哪裡要改。