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

PumpkinDylan 发布于2021-09-30 09:46 / 2368人阅读

摘要：本文分享自华为云社区使用技巧使用技巧，作者小聪不是小葱。是一款开源的编辑器，拥有强大的功能，。由于拥有各种各样的插件，这就使得可以做到的事情更多了。在使用的过程中，也是有很多技巧的，掌握一些技巧对于后期写代码也会轻松很多。

摘要：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插件详情后，下载该插件的离线安装包。如图所示：

步骤三. 将下载好的.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。如下图所示：

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

步骤2：选择语言

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

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

在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个顶级域名阿里云购买服务器时的高效云盘怎么使用根服务器为什么只能有13个 webRTC模式开启

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/121613.html

还有必要学Vim吗？

摘要：在这样一个时代，还要学这种中古的技能吗我来讨论一下为什么要，不但要，而且必须要。其实要说功能强大，的产品无疑都很牛。这也是造成它学习成本高，被人吐槽多的原因。出现之后，包括等等在内的各种创新涌现了出来。曾经有一段时间，编辑器领域的创新停滞了。在web编程走红，尤其是electron出现之后，这个领域又上了一个新台阶。Atom, VsCode等等替代了之前唯一的但是臃肿的跨平台选择 -...

ytwman 2019-06-28 10:26 评论0 收藏0
Visual Studio Code 远程开发探秘

摘要： IDE新时代！作者：SHUHARI 的博客原文：Visual Studio Code 远程开发探秘 Fundebug按照原文要求转载，版权归原作者所有。在以前的文章有趣的项目 - 在浏览器中运行 Visual Studio Code，我介绍过 Coder 开发团队将 Visual Studio Code 搬到浏览器里的尝试。这是一个有趣的项目，不过没有想到的是，这之后不久...

phodal 2019-08-26 10:28 评论0 收藏0
Flutter系列：1.开发环境配置

摘要：要求为存放的路径，笔者的路径为执行以下命令使的修改生效打印，验证是否在其中执行安装依赖不出意外，到此为止安装成功。参考官网配置指南前言 Flutter是Google推出的跨平台App开发SDK，通过自己实现高性能引擎相较于RN和Weex的JS桥接方案有本质的性能优势，具体原理对比可以阅读此文移动端跨平台开发的深度解析进一步了解。笔者作为一名iOS开发者对Flutter的高性能跨平台...

Lionad-Morotar 2019-06-25 17:01 评论0 收藏0
能让你开发效率翻倍的 VSCode 插件配置（上）

摘要：如果编辑器在编码时实时给出反馈，对开发者个人而言才是最高效的，在提交时做强制检查只是从团队的视角保证编码风格的规范性和一致性。工欲善其事必先利其器，软件工程师每天打交道最多的可能就是编辑器了。入行几年来，先后折腾过的编辑器有 EditPlus、UltraEdit、Visual Studio、EClipse、WebStorm、Vim、SublimeText、Atom、VSCode，现在...

feng409 2019-08-21 17:36 评论0 收藏0
能让你开发效率翻倍的 VSCode 插件配置（上）

摘要：如果编辑器在编码时实时给出反馈，对开发者个人而言才是最高效的，在提交时做强制检查只是从团队的视角保证编码风格的规范性和一致性。工欲善其事必先利其器，软件工程师每天打交道最多的可能就是编辑器了。入行几年来，先后折腾过的编辑器有 EditPlus、UltraEdit、Visual Studio、EClipse、WebStorm、Vim、SublimeText、Atom、VSCode，现在...

AlanKeene 2019-06-28 10:24 评论0 收藏0