如何在 Visual Studio Code 中配置SSH、Git 和 Copilot插件

如何在 Visual Studio Code 中配置SSH、Git 和 Copilot 插件

  • [1- 先决条件](#1- 先决条件)
  • [2- 在 Visual Studio Code 中安装、配置和连接 Remote-SSH 扩展](#2- 在 Visual Studio Code 中安装、配置和连接 Remote-SSH 扩展)
    • [2.1 安装 Remote-SSH Extension](#2.1 安装 Remote-SSH Extension)
    • [2.2 配置 SSH connection](#2.2 配置 SSH connection)
    • [2.3 连接 Remote Host](#2.3 连接 Remote Host)
  • [3- Installation, configuration and use of Git Extension in Visual Studio Code](#3- Installation, configuration and use of Git Extension in Visual Studio Code)
    • [3.1 Install Git](#3.1 Install Git)
    • [3.2 Configure Git in VS Code](#3.2 Configure Git in VS Code)
    • [3.3 Use basic Git](#3.3 Use basic Git)
  • [4- Installation and use of the GitHub Copilot Extension in Visual Studio Code](#4- Installation and use of the GitHub Copilot Extension in Visual Studio Code)
    • [4.1 Install GitHub Copilot Extension](#4.1 Install GitHub Copilot Extension)
    • [4.2 Use GitHub Copilot Extension](#4.2 Use GitHub Copilot Extension)
    • [4.3The problem encountered and its solution:](#4.3The problem encountered and its solution:)

1- 先决条件

  • 1.1 确保已安装 VS Code (VS 官方网站)

    • 暂时请勿安装最新版本1.100.x,请选择 1.98.2 或以下版本
    • 推荐 VSCodeUserSetup-x64-1.98.2.exe
  • 1.2 需要激活的互联网连接

  • 1.3 GitHub Copilot 账户

2- 在 Visual Studio Code 中安装、配置和连接 Remote-SSH 扩展

2.1 安装 Remote-SSH Extension

**1. 打开Visual Studio Code Extensions **

  • 使用 Ctrl+Shift+X shortcut key 或者点击 左侧的 'Extensions'

2. 搜索并安装Extension

  • 由于目前最新的版本 (0.120.0)有问题, 在还没有被解决以前最好避免去使用它
  • 如果你现在安装了最新的Remote-SSH (0.120.0) , 你需要去uninstall 并且去安装早一个版本 (i.e. 0.119.0).
  • 然后在搜索框输入 Remote-SSH 并且点击安装

3. 验证安装

  • 当Remote Explorer' 图标出现在左侧活动区, 说明该extension已经被安装成功了

2.2 配置 SSH connection

1. 生成SSH key(如果你目前还没有)

  • 命令是:

    ssh-keygen

2. 添加public key到 remote host(可选择的)

  • 如果你想要登录远端机器时不输入密码,就需要手动做这一步
  • 手动复制 ~/.ssh/id_rsa.pub内容到远端机器的 ~/.ssh/authorized_keys 文件中
  • 请注意是追加,并不是覆盖文件

3. 在VS Code添加 host

    1. 点击VSCode左侧的'Remote Explorer'
    1. 下面的图片会出现, 点击SSH右侧的 '+' (New Remote) 去添加一个新的SSH Host
    1. 输入连接命令

      • 输入命令的格式:

    ssh username@remote_host_ip

    1. 接着选择 config file保存的位置 (第一行就是默认的位置, ~/.ssh/config)
    1. 当你看见VSCode右下角出现了 'Host added' ,说明host添加成功了

2.3 连接 Remote Host

1. 初始化连接

  • 点击REMOTES(TUNNELS/SSH)'右边的Refresh'
  • 你配置的机器就会出现在SSH下方
  • 点击目标主机并且选择 'Connect to Host in New Window'

2. 检查连接状态

  • 当屏幕的左下角出现'SSH:remote_host_ip' , 说明远程连接机器成功

3. 打开remote project

  • 点击 File→Open Folder 并且去选择远端机器的目录

3- Installation, configuration and use of Git Extension in Visual Studio Code

3.1 Install Git

1. Download and install Git

2. Verify installation

  • The command:

    git --version

  • The version number is displayed after a successful installation

3.2 Configure Git in VS Code

1. Install Git Extension

  • VS Code has built-in Git support, so there is no need to install any additional extensions
  • For enhancements, search for 'GitLens' . Use the Ctrl+Shift+X shortcut key or click Extensions on the left side of the VS Code
  • Then type GitLens in the search box, click Install

2. Set Git user info and check

Set Info

复制代码
    git config --global user.name "your name"
    git config --global user.email "your.email@example.com"

Check Configuration

复制代码
    git config --list

3.3 Use basic Git

1. Clone a remote repository

  • Get the repository URL

  • Clone in VS Code

    Open VS Code and press ' Ctrl+` '
    Run command : git clone Repository URL

2. Open the cloned repository

  • Load project
    Click File→Open Folder and select the cloned repository directory
  • Verify repository status
    Click ... -> Terminal-> New Terminal, Then type the git command in the termainal box below

4- Installation and use of the GitHub Copilot Extension in Visual Studio Code

4.1 Install GitHub Copilot Extension

1. Open Visual Studio Code Extensions Marketplace

    1. Use the Ctrl+Shift+X shortcut key or click Extensions on the left side
    1. Search and install Extension
      • Then type GitHub Copilot in the search box, click Install
      • The same way you can install the GitHub Copilot Chat Extention
    1. Verify installation
      • The GitHub Copilot Extension has been installed successfully when a small robot icon appears in the bottom right corner and we are prompted to log in to our GitHub accont
      • The GitHub Copilot Chat Extension has been installed successfully when two intersecting text boxed appear in the left column
    1. Sign in with your GitHub Copilot account

4.2 Use GitHub Copilot Extension

1. Assisted Programming

  • As you write code, Copilot will automatically provide you with suggestions based on the context
  • Press the Tab key to select the suggestion, or press Enter to accept it
    2. Chat about specific lines of code
  • We can input any questions to GitHub Copilot Chat by click chat icon

4.3The problem encountered and its solution:

- The problem:

A locally installed GitHub Copilot is only available in your local instance of VS Code and will not be synchronised with the remote machine.
- The solution:

You also need to install GitHub Copilot on the remote machine.

相关推荐
Charlene Fung8 分钟前
vs code远程自动登录服务器,无需手动输入密码的终极方案(windows版)
运维·服务器·vscode·ssh
奇文怪式1 小时前
VSCode+arm-none-eabi-gcc交叉编译+CMake构建+OpenOCD(基于Raspberry Pico RP2040)
arm开发·ide·vscode·rp2040
小林up1 小时前
github push:ssh: connect to host github.com port 22
运维·ssh·github
hero_heart10 小时前
vscode中c_cpp_properities.cpp文件生成和作用
ide·vscode·编辑器
爱莉希雅&&&10 小时前
shell编程之awk命令详解
linux·服务器·git
baiyu3311 小时前
成为git砖家(12): 看懂git合并分支时冲突提示符
git
wu_aceo15 小时前
将本地项目提交到Gitee
git·gitee·提交·本地提交·上传git
DO ITNOW16 小时前
Cursor/VScode ,点击运行按钮,就打开新的终端,如何设置为在当前终端运行文件而不是重新打开终端----一招搞定篇
ide·vscode·编辑器
小妖66616 小时前
若 VSCode 添加到文件夹内右键菜单中显示
ide·vscode·编辑器
就爱瞎逛16 小时前
TailWind CSS Intellisense 插件在VSCode 上不生效
前端·css·vscode·tailwind