目錄
1. 查看日誌
2. 開啟VSCode的設定檔settings.json
3. 查看連接遠端時的日誌
4. VSCode背景配置為豆沙綠
5. 設定遠端預設安裝的插件
6. 把本地的指定外掛程式安裝到遠端或把遠端外掛程式安裝到本地
7.遠端使用Git儲存庫
7.1 本機Host配置,本篇以Windows10系統為例
#簡要Git操作指導影片可參考VSCode影片教學(3分54秒):
launch.json
11.提交代码时弹出对话框提示用户名和用户邮箱配置错误
12. 禁止自动升级VSCode版本
13. 禁止自动升级VSCode的插件版本
首頁 開發工具 VSCode 值得了解的13個VSCode使用技巧,提供你的開發效率

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

Oct 27, 2021 am 11:03 AM
vscode

這篇文章跟大家分享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中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

vscode怎麼定義頭文件 vscode怎麼定義頭文件 Apr 15, 2025 pm 09:09 PM

如何使用 Visual Studio Code 定義頭文件?創建頭文件並使用 .h 或 .hpp 後綴命名在頭文件中聲明符號(例如類、函數、變量)使用 #include 指令在源文件中包含頭文件編譯程序,頭文件將被包含並使聲明的符號可用

vscode需要什麼電腦配置 vscode需要什麼電腦配置 Apr 15, 2025 pm 09:48 PM

VS Code 系統要求:操作系統:Windows 10 及以上、macOS 10.12 及以上、Linux 發行版處理器:最低 1.6 GHz,推薦 2.0 GHz 及以上內存:最低 512 MB,推薦 4 GB 及以上存儲空間:最低 250 MB,推薦 1 GB 及以上其他要求:穩定網絡連接,Xorg/Wayland(Linux)

vscode終端使用教程 vscode終端使用教程 Apr 15, 2025 pm 10:09 PM

vscode 內置終端是一個開發工具,允許在編輯器內運行命令和腳本,以簡化開發流程。如何使用 vscode 終端:通過快捷鍵 (Ctrl/Cmd ) 打開終端。輸入命令或運行腳本。使用熱鍵 (如 Ctrl L 清除終端)。更改工作目錄 (如 cd 命令)。高級功能包括調試模式、代碼片段自動補全和交互式命令歷史。

vscode中文註釋變成問號怎麼解決 vscode中文註釋變成問號怎麼解決 Apr 15, 2025 pm 11:36 PM

解決 Visual Studio Code 中中文註釋變為問號的方法:檢查文件編碼,確保為“UTF-8 without BOM”。更改字體為支持中文字符的字體,如“宋體”或“微軟雅黑”。重新安裝字體。啟用 Unicode 支持。升級 VSCode,重啟計算機,重新創建源文件。

vscode在哪寫代碼 vscode在哪寫代碼 Apr 15, 2025 pm 09:54 PM

在 Visual Studio Code(VSCode)中編寫代碼簡單易行,只需安裝 VSCode、創建項目、選擇語言、創建文件、編寫代碼、保存並運行即可。 VSCode 的優點包括跨平台、免費開源、強大功能、擴展豐富,以及輕量快速。

vscode終端常用命令 vscode終端常用命令 Apr 15, 2025 pm 10:06 PM

VS Code 終端常用命令包括:清除終端屏幕(clear)列出當前目錄文件(ls)更改當前工作目錄(cd)打印當前工作目錄路徑(pwd)創建新目錄(mkdir)刪除空目錄(rmdir)創建新文件(touch)刪除文件或目錄(rm)複製文件或目錄(cp)移動或重命名文件或目錄(mv)顯示文件內容(cat)查看文件內容並滾動(less)查看文件內容只能向下滾動(more)顯示文件前幾行(head)

vscode終端命令不能用 vscode終端命令不能用 Apr 15, 2025 pm 10:03 PM

VS Code 終端命令無法使用的原因及解決辦法:未安裝必要的工具(Windows:WSL;macOS:Xcode 命令行工具)路徑配置錯誤(添加可執行文件到 PATH 環境變量中)權限問題(以管理員身份運行 VS Code)防火牆或代理限制(檢查設置,解除限制)終端設置不正確(啟用使用外部終端)VS Code 安裝損壞(重新安裝或更新)終端配置不兼容(嘗試不同的終端類型或命令)特定環境變量缺失(設置必要的環境變量)

VSCode怎麼用 VSCode怎麼用 Apr 15, 2025 pm 11:21 PM

Visual Studio Code (VSCode) 是一款跨平台、開源且免費的代碼編輯器,由微軟開發。它以輕量、可擴展性和對眾多編程語言的支持而著稱。要安裝 VSCode,請訪問官方網站下載並運行安裝程序。使用 VSCode 時,可以創建新項目、編輯代碼、調試代碼、導航項目、擴展 VSCode 和管理設置。 VSCode 適用於 Windows、macOS 和 Linux,支持多種編程語言,並通過 Marketplace 提供各種擴展。它的優勢包括輕量、可擴展性、廣泛的語言支持、豐富的功能和版

See all articles