13個VSCode使用技巧,開啟高效的開發模式

華為雲開發者社群發表於2021-10-06
摘要:VsCode是一款開源的編輯器,擁有強大的功能,。由於擁有各種各樣的外掛,這就使得VsCode可以做到的事情更多了。在使用的過程中,也是有很多技巧的,掌握一些技巧對於後期寫程式碼也會輕鬆很多。

本文分享自華為雲社群《VSCode使用技巧》,作者:小聰不是小蔥~ 。

VsCode是一款開源的編輯器,擁有強大的功能,。由於擁有各種各樣的外掛,這就使得VsCode可以做到的事情更多了。在使用的過程中,也是有很多技巧的,掌握一些技巧對於後期寫程式碼也會輕鬆很多。

1. 檢視日誌

步驟1. 執行Ctrl+Shift+P
步驟2. 搜 show logs

2. 開啟VSCode的配置檔案settings.json

步驟1. 執行Ctrl+Shift+P
步驟2. 搜Open Settings(JSON)

3. 檢視連線遠端時的日誌

在VSCode的配置檔案settings.json中新增如下引數

"remote.SSH.showLoginTerminal": true,

4. VSCode背景配置為豆沙綠

在VSCode的配置檔案settings.json中新增如下引數

"workbench.colorTheme": "Atom One Light",
"workbench.colorCustomizations": {
   "[Atom One Light]": {
      "editor.background": "#C7EDCC",
      "sideBar.background": "#e7f0e7",
      "activityBar.background": "#C7EDCC",
    },
},

5. 設定遠端預設安裝的外掛

在VSCode的配置檔案settings.json中新增remote.SSH.defaultExtensions引數,如自動安裝Python和Maven外掛,可配置如下。

"remote.SSH.defaultExtensions": [
   "ms-python.python",
   "vscjava.vscode-maven"
 ],

6. 把本地的指定外掛安裝到遠端或把遠端外掛安裝到本地

步驟1. 執行Ctrl+Shift+P
步驟2. 搜install local,按需選擇即可

7. 遠端使用Git儲存庫

7.1 本機Host配置,本篇以Windows10系統為例

步驟1. 安裝OpenSSH

步驟2. 以管理員身份啟動 PowerShell,並按需執行下述命令:

  • 啟動SSHD服務:
Get-WindowsCapability -Online | ? Name -like 'OpenSSH*'
    Start-Service sshd
    Set-Service -Name sshd -StartupType 'Automatic'
    Get-NetFirewallRule -Name *ssh*
    New-NetFirewallRule -Name sshd -DisplayName 'OpenSSH Server (sshd)' -Enabled True -Direction Inbound -Protocol TCP -Action Allow -LocalPort 22
  • 允許Windows自動執行SSH Agent:

    Set-Service ssh-agent -StartupType Automatic
    Start-Service ssh-agent
    Get-Service ssh-agent
  • 將私鑰對新增到正在執行的agent中:

    ssh-add.exe .\id_rsa  #路徑為待新增私鑰的位置
    ssh-add.exe -L

    步驟3. 編輯本地的ssh config(如~.ssh\config)檔案,增加配置ForwardAgent yes,如下所示。

Host my_host
    HostName x.x.x.x
    Port x
    User x
    IdentityFile xx
    ForwardAgent yes

若對所有Host預設統一增加配置ForwardAgent yes,可增加配置如下:

`Host *
ForwardAgent yes `

7.2 遠端靈活使用Git儲存庫

簡要Git操作指導視訊可參考VSCode視訊教程(3分54秒):https://code.visualstudio.com...

更多Git功能使用細節可閱讀VSCode官方文件
https://code.visualstudio.com...

8. 基於離線包在遠端安裝外掛

步驟1. 到VSCode外掛官網vscode_marketplace搜尋待安裝的A外掛
步驟2. 點選進入A外掛詳情後,下載該外掛的離線安裝包。如圖所示:
image.png

步驟三. 將下載好的.vsix檔案拖動到遠端容器中
步驟四. 右鍵點選該檔案,選擇Install Extension VSIX

9. 遠端重啟後,需要刪除本地known_hosts才能連線

可以在本地的ssh config檔案中對這個容器配置引數“StrictHostKeyChecking no”和“UserKnownHostsFile=/dev/null”,如下參考所示:

Host my_host
    HostName x.x.x.x
    Port x
    User x
    IdentityFile xx
    ForwardAgent yes
    StrictHostKeyChecking no
    UserKnownHostsFile=/dev/null

提示:增加上述配置引數會在SSH登入時忽略known_hosts檔案,有安全風險

10.程式碼除錯時不能進入原始碼

如果已有launch.json檔案,請直接看步驟3。

步驟1:開啟launch.json檔案。可通過以下任一方式開啟:

  • 方法一:點選左側選單欄的Run(Ctrl+Shift+D)按鈕,再點選create a launch.json file。如下圖所示:
    image.png
  • 方法二:點選上側選單欄中的Run > Open configurations按鈕

步驟2:選擇語言

如果需要對Python語言進行設定,在彈出的Select a debug configuration中選擇Python File,其他語言操作類似。如下圖所示:
image.png

步驟3:編輯launch.json,增加justMyCode": false配置,如下圖所示:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Python: 當前檔案",
            "type": "python",
            "request": "launch",
            "program": "${file}",
            "console": "integratedTerminal",
            "justMyCode": false
        }
    ]
}

11.提交程式碼時彈出對話方塊提示使用者名稱和使用者郵箱配置錯誤

image.png

在terminal中,執行如下述命令,再重試提交即可:

git config --global user.email my_email #改為你的使用者郵箱
git config --global user.name my_name #改為你的使用者名稱

12. 禁止自動升級VSCode版本

步驟1. 執行Ctrl+Shift+P
步驟2. 搜Open Settings(JSON)
步驟3. 在配置檔案settings.json中新增如下引數

"update.mode": "manual",

13. 禁止自動升級VSCode的外掛版本

步驟1. 執行Ctrl+Shift+P
步驟2. 搜Open Settings(JSON)
步驟3. 在配置檔案settings.json中新增如下引數

"extensions.autoUpdate": false,

點選關注,第一時間瞭解華為雲新鮮技術~

相關文章