# VSC 自己使用的擴充套件 ## 遠端連線 ssh 以下三個套件為微軟開發,一起使用的套件組合。 ![image](https://hackmd.io/_uploads/BydqiHr_6.png) 1. Remote — SSH: 讓你可以透過 VSC 連接到遠端的機器或者伺服器,可以開啟遠端的資料夾、文件等 2. Remote — SSH: Editing Configuration Files: 讓你透過 VSC, GUI 的方式編輯 SSH 設定檔 Ctrl + shift + P,Open ssh configuration file 就可以編輯設定檔。 3. Remote Explorer: 以 GUI 的方式管理所有遠端的機器 ## 外觀 1. Material Icon Theme: 漂亮的文件 icon ![image](https://hackmd.io/_uploads/BkbUiSHda.png) 2. One Dark Pro: 修改編輯器顏色主題,我很喜歡它對註釋會使用斜體表示,可以客製化顏色 ![image](https://hackmd.io/_uploads/B1hujBr_a.png) ## Makrdown 1. Markdown All in One: 各種 Markdown 快捷鍵 ![image](https://hackmd.io/_uploads/BkKbhBBuT.png) ## 前端 1. Live server: 前端網頁即時預覽套件,在本地端開啟伺服器,檢視前端頁面 ![image](https://hackmd.io/_uploads/BkLLhrHOa.png) 2. Prettier: Formatter, 我用來排版 HTML, JS, CSS and Json 檔案 ![image](https://hackmd.io/_uploads/rydg6rrdp.png) 3. Eslint: Linter, 檢查 JS 錯誤 ![image](https://hackmd.io/_uploads/r1P-aBrO6.png) ## Jupyter ![image](https://hackmd.io/_uploads/H1O4aSrOp.png) 1. Jupyter: 讓你可以在 VSC 上使用 Jupyter notebooks 2. Jupyter Cell Tags: 提昇 Jupyter 的使用體驗,讓你可以對 notebook cells 進行管理、折疊,更好的管理 notebooks 3. Jupyter Keymap: 在編輯 Jupyter noteobook 時可以使用 Jupyter 的快捷鍵 4. Jupyter Notebook Renders: 更好的渲染 Jupyter notebook content,像是 LaTeX 公式、照片等 5. Jupyter Slide Show: 對 Jupyter notebok 提供互動式的 slide ## Python 1. Python: 讓 VSC 使用 Python ![image](https://hackmd.io/_uploads/SJRHASBOT.png) 3. Pylance: 型別檢查,定義查詢等功能 ![image](https://hackmd.io/_uploads/Bk_r0Bru6.png) 4. isort: 檢查 import organization ![image](https://hackmd.io/_uploads/rJ3V0HS_6.png) 5. Black formatter: Format Python file only ![image](https://hackmd.io/_uploads/BkezNCrrup.png) ## C/C++ 1. C/C++: 讓 C/C++可以被 debug、執行在 VSC 的套件 2. C/C++ Extension Pack: 提昇 C/C++ 套件的功能,例如 Code snippet 等高級功能 3. C/C++ Themes: C/C++ syntax highlighting 還有顏色主題等 4. Clang-Format: 排版 C/C++ file ![image](https://hackmd.io/_uploads/B1qZlISdp.png) ## Git 1. Git History: ![image](https://hackmd.io/_uploads/SJQfFYGF6.png) 可以查看分支的歷史,文件的歷史等,我比較常用的功能為比較不同的 commit,還有其他雜項功能,像是創建 Tag, 創建分支,但都是 command-line 可以做的事情。 2. Git Graph: 圖示化的查看 git history ![image](https://hackmd.io/_uploads/BJp16Bmc6.png) ## Reference * [VSC 自己使用的擴充套件](https://cozy-kola.medium.com/vsc-%E6%88%91%E7%94%A8%E7%9A%84%E6%93%B4%E5%85%85%E5%A5%97%E4%BB%B6-514a562b564) * [小克的 Visual Studio Code 必裝擴充套件(Extensions)私藏推薦](https://blog.goodjack.tw/2018/03/visual-studio-code-extensions.html)