13个VSCode使用技巧，开启高效的开发模式

系统管理员 2022-09-13 14:28 206阅读 0赞

> **摘要：**VsCode是一款开源的编辑器，拥有强大的功能，。由于拥有各种各样的插件，这就使得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/docs/introvideos/versioncontrol

更多Git功能使用细节可阅读VSCode官方文档  
https://code.visualstudio.com/docs/editor/versioncontrol

## 8. 基于离线包在远端安装插件 ##

步骤1. 到VSCode插件官网vscode\_marketplace搜索待安装的A插件  
步骤2. 点击进入A插件详情后，下载该插件的离线安装包。如图所示：

![cb6e0ae145f6f5c644bf1f4d31b90043.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。如下图所示：

![e537240ed7ca13580fa92748f0c062ed.png][]

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

步骤2：选择语言

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

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

![2040d1bf14a440944279ff0bfe8bde80.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,

**[点击关注，第一时间了解华为云新鲜技术~][Link 1]**

[VSCode]: https://link.zhihu.com/?target=https%3A//bbs.huaweicloud.com/blogs/289303%3Futm_source%3Dzhihu%26utm_medium%3Dbbs-ex%26utm_campaign%3Dei%26utm_content%3Dcontent
[cb6e0ae145f6f5c644bf1f4d31b90043.png]: /images/20220828/45023a1964f14adca68ae9f192aa1c44.png
[e537240ed7ca13580fa92748f0c062ed.png]: /images/20220828/48b2fdbe94824e11bc3e07be9f48a298.png
[adbce0a8cc43109a21f5254ad75fbc4d.png]: /images/20220828/dbe1412d2fb14eec94c638459f392c4b.png
[2040d1bf14a440944279ff0bfe8bde80.png]: /images/20220828/4963b1096f824537930408099e2b3d74.png
[Link 1]: https://bbs.huaweicloud.com/blogs?utm_source=csdn&utm_medium=bbs-ex&utm_campaign=ei&utm_content=content