写点什么

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

发布于: 1 小时前

​​摘要:VsCode 是一款开源的编辑器,拥有强大的功能。由于拥有各种各样的插件,这就使得 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 参数,如自动安装 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. 编辑本地的 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 秒):

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 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。如下图所示:



  • 方法二:点击上侧菜单栏中的 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


点击关注,第一时间了解华为云新鲜技术~

发布于: 1 小时前阅读数: 6
用户头像

提供全面深入的云计算技术干货 2020.07.14 加入

华为云开发者社区,提供全面深入的云计算前景分析、丰富的技术干货、程序样例,分享华为云前沿资讯动态,方便开发者快速成长与发展,欢迎提问、互动,多方位了解云计算! 传送门:https://bbs.huaweicloud.com/

评论

发布
暂无评论
13个VSCode使用技巧,开启高效的开发模式