首頁 > 開發工具 > VSCode > 主體

值得了解的13個VSCode使用技巧,提供你的開發效率

青灯夜游
發布: 2021-11-01 19:06:57
轉載
3574 人瀏覽過

這篇文章跟大家分享13個VSCode使用技巧,開啟高效率的開發模式,希望對大家有幫助!

值得了解的13個VSCode使用技巧,提供你的開發效率

VsCode是一款開源的編輯器,擁有強大的功能,。由於擁有各種各樣的插件,這就使得VsCode可以做到的事情更多了。在使用的過程中,也是有很多技巧的,掌握一些技巧對於後期寫程式碼也會輕鬆很多。 【推薦學習:《vscode教學》】

1. 查看日誌

步驟1.執行Ctrl Shift P

#步驟2. 搜showlogs

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參數,如自動安裝PythonMaven插件,可設定如下。

"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 sshNew-NetFirewallRule -Name sshd -DisplayName 'OpenSSH Server (sshd)' -Enabled True -Direction 在

    #允許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. 編輯本機的
  • sshconfig
(如~\.ssh\config)文件,增加設定ForwardAgentyes,如下所示。

Host my_host
    HostName x.x.x.x
    Port x
    User x
    IdentityFile xx
    ForwardAgent yes
登入後複製
若對所有Host預設統一增加配置ForwardAgentyes,可增加配置如下:
Host *
   ForwardAgent yes
登入後複製

7.2 遠端靈活使用Git儲存庫

#簡要Git操作指導影片可參考VSCode影片教學(3分54秒):

code.visualstudio.com/docs/introv…

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

8. 基於離線包在遠端安裝插件

步驟一.到VSCode插件官網vscode_marketplace搜尋待安裝的A外掛程式

步驟二. 點選進入A外掛詳情後,下載該外掛程式的離線安裝包。如圖所示:

步驟三. 將下載好的.vsix檔案拖曳到遠端容器中值得了解的13個VSCode使用技巧,提供你的開發效率

步驟四. 右鍵點選該文件,選擇Install ExtensionVSIX

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

可以在本地的sshconfig檔案中對這個容器設定參數「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。如下图所示:

值得了解的13個VSCode使用技巧,提供你的開發效率

  • 方法二:点击上侧菜单栏中的Run > Open configurations按钮

步骤2:选择语言

如果需要对Python语言进行设置,在弹出的Select a debug configuration中选择Python File,其他语言操作类似。如下图所示:

值得了解的13個VSCode使用技巧,提供你的開發效率

步骤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.提交代码时弹出对话框提示用户名和用户邮箱配置错误

值得了解的13個VSCode使用技巧,提供你的開發效率

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

更多编程相关知识,请访问:编程入门!!

以上是值得了解的13個VSCode使用技巧,提供你的開發效率的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:juejin.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板