如何快速入手vscode（上）

前言

Visual Studio code是一个轻量级但功能强大的源代码编辑器，它运行在桌面上，可用于Windows、macOS和Linux。它内置了JavaScript、TypeScript和Node.js的内置支持，并有丰富的扩展语言用于其他语言（如C++、C语言、java、python、php、go、lua）和运行时（如.NET和Unity）。

下载

https://code.visualstudio.com/

主界面介绍

• 活动栏从上到下依次为：文件搜索、文件资源管理、Git、调试、插件管理
• 侧边栏：显示目录文件、Git相关、新建文件或文件夹
• 编辑器：用来编辑、显示代码
• 面板栏：依次为，问题，输出，调试栏，终端（terminal），terminal用来输入相关命令，一般使用powershell或bash。
• 状态栏：下图黄框部分依次表示光标所在字符行数、列数、Tab键代表4个空格（建议写代码用4个space代替tab 或者 设置tab为4个space）、文件编码格式、换行符为LF、代码语言种类。
  

安装及卸载插件

接下来将演示通过vscode安装、卸载Rest Client插件过程，通过该插件可以实现CURL指令，或者插件规定的方式发起HTTP请求。

常用快捷键使用

• 新建文件：Ctrl + N
  
• 快速跳转到指定行：Ctrl + G
  
• 查找文件：Ctrl + P/E,可以输入文件名(可以加*号)模糊匹配查找指定文件。
  
• 跨文件搜索内容：Ctrl + Shift + F，查找指定字符串内容，可以限制查找路径，使用正则匹配查找和替换相关内容。
  
• 当前文件搜索内容：Ctrl + F，查找指定字符串内容，也可以用正则匹配查找和替换相关内容。(F3 查找下一个; Shift + F3 查找上一个)
  
• 当前文件折叠代码：Ctrl + K -> Ctrl + 0
  
• 当前文件展开代码：Ctrl + K -> Ctrl + J
  
• 隐藏/显示侧边栏：Ctrl + B
• 隐藏/显示面板栏：Ctrl + J
• 移动到行首： Hom（Fn + 左键）
• 移动到行尾： End（Fn + 右键）
• 移动到文件结尾： Ctrl + End（Ctrl + Fn + 右键）
• 移动到文件开头： Ctrl + Hom（Ctrl + Fn + 左键）
• 向上翻页：Fn + 上键
• 向下翻页：Fn + 下键
• 查找替换 ：Ctrl + H
• 折叠区域代码：Ctrl + Shift + [
• 展开区域代码：Ctrl + Shift + ]
• 删除当前行: Ctrl + Shift + K
• 撤回/前进：Ctrl + Z | Ctrl + Y
  

Git代码管理

通过vscode自带的Git管理器，可以方便pull、push、commit等一系列git指令。同时可以通过文件资源管理器的TIMELINE可以可视化查看某文件的提交历史，单击任何一个commit记录，可以清晰查看相邻两个提交记录的改动点。

比较多个代码文件内容

在日常开发中，我们可能会使用BCompare来比较文件、文件夹内容，但是很多时候，我们还是希望IDE可以有这个功能，不过可能没有BCompare那么专业，但是够用就好，随便欣赏一下vscode的极简设计风格，不过目前vscode只支持文件比较，希望各位码友分享一下更为完善的方案。详细请看：https://blog.csdn.net/weixin_40783338/article/details/1060376

添加注释

注释有两种形式，单行注释和块注释。

• 单行注释 Cmd+/ （win Ctrl +/）
• 块注释 Option+Shift+A