VS Code使用总结

于 2024-08-31 17:02:51 发布
阅读量1.4k 收藏 14
点赞数 10
分类专栏： 环境与工具 文章标签： vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41826079/article/details/141755151
版权

VS Code

0. 前言

Visual Studio Code 是一个轻量级功能强大的免费源代码编辑器，支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。适用于 Windows、macOS 和 Linux。它内置了对 JavaScript、TypeScript 和 Node.js 的支持，并为其他语言和运行时（如 C++、C#、Java、Python、PHP、Go、.NET）提供了丰富的扩展生态系统。

1. VS Code安装

1.1 VSCode的下载

进入VSCode官方的下载页，根据系统需求选择相对应的下载地址。
推荐System Installer版本，它可以自定义安装路径，使其我们后期对于它的管理十分方便。

1.2 安装

安装教程可以在网上搜索。基本一步步安装即可

注意：

(1) 为了后期的稳定性，安装目录切勿使用中文路径。
(2) 选择附加任务，要勾选添加到PATH。

2. VS Code基础配置

2.1 设置中文界面

在活动栏区域找到插件安装这个选项，搜索Chinese (Simplified) 插件，点击Install进行安装。安装后单击Restart重启VSCode即可完成中文化。

2.2 编辑设置

Tab键改为空格

在设置页面搜索Tab，改动如下：
在这里插入图片描述

打开Tab Completion

在设置页面搜索Tab Completion，更改为on
在这里插入图片描述

打开自动保存

在设置页面搜索AutoSave，更改为onFocusChange选项（当编辑器失去焦点时，会自动保存具有更改的编辑器）
在这里插入图片描述

VS Code常用快捷键

  • 编辑器管理

    快捷键动作vim替代
    Ctrl+Shift+P, F1显示命令选项板
    Ctrl+,用户设置
    Ctrl+ =/-放大/缩小
    F11切换全屏
    Ctrl+P快速打开，转到文件:e <file_name>
    Ctrl+N新建窗口:e <file_name>
    Ctrl+W关闭窗口ZZ/:wq
    Ctrl+Tab查找导航编辑器组历史记录gt
    Ctrl+Shift+Tab反向查找导航编辑器组历史记录gT
    Ctrl+\拆分窗口:sp/:vsp
    Ctrl+1/2/3聚焦到第1、2、3编辑组
    Ctrl+0聚焦到主侧栏
    Ctrl+B切换侧栏可见性
    Ctrl+Shift+E显示资源管理器栏
    Ctrl+Shift+F显示搜索栏
    Alt+C/R/W搜索时切换区分大小写/正则表达式/整个词
    F3/Shift+F3搜索下一个/上一个
    Ctrl+Shift+C打开外部终端
    Ctrl+J切换底部面板可见性
    Ctrl+Shift+U显示输出面板
    Ctrl+Shift+M显示问题面板
    Ctrl+`显示终端面板:sh()/映射+t
    动作命令备注
    编辑组和终端切换Ctrl+`打开终端，Ctrl+J切换为隐藏底部面板Ctrl+`不好按
    Ctrl+J切换为显示底部面板，Ctrl+J切换为隐藏底部面板底部面板有可能不在终端选项卡上
    :sh 打开终端，exit退出终端每次不记录上次输出的日志
    映射alt+t聚焦终端和编辑组
    编辑组和资源管理器切换Ctrl+Shift+E切换聚焦资源管理器栏和编辑组
    Ctlr+B切换侧边栏的可见性侧边栏不一定在资源管理器选项卡上

  • 基本编辑

    快捷键动作vim替代
    Ctrl+G转到行<n>+G/gg
    Alt+↑/↓向上/向下移动行ddp
    Ctrl+Shift+K删除行dd
    Ctrl+X剪切行dd
    Ctrl+C复制行yy/Y
    Ctrl+Enter在下面插入行o
    Ctrl+Shift+Enter在上面插入行O
    Ctrl+Shift+\跳转到匹配的括号%
    Home转到行首0
    End转到行尾$
    Ctrl+Home转到文件开头gg
    Ctrl+End转到文件结尾G
    Ctrl+PgUp/PgDown向上/向下滚动页面Ctrl+u/Ctrl+d
    Ctrl+Shift+[折叠区域
    Ctrl+Shift+]展开区域
    Ctrl+]/[缩进/凸出行>>/<<
    Ctrl+/切换行注释
    Shift+Alt+A切换块注释

  • 导航

    快捷键动作vim替代
    F8转到下一个错误或警告
    Shift+F8转到上一个错误或警告
    Alt+←/→后退/前进ctrl-o/ctrl-i

3. VS Code常用插件安装

3.1 主题/外观美化

  • Material Icon Theme
    它采用了 Google Material Design 风格，文件图标以及文件夹图标覆盖非常的全面，而且在暗黑模式下使用效果更佳。
  • Material Theme
    可以说是与Material Icon Theme师从一脉了
  • Rainbow Brackets
    vscode的彩虹括号扩展。
  • Highlight Matching Tag
    这个扩展突出显示匹配的开始和/或结束标记。它还可以在状态栏中显示标签的路径。即使VSCode有一些基本的标签匹配，它也只是——基本的。这个扩展将尝试匹配标签的任何地方:从标签属性，字符串内部，任何文件，同时也提供了广泛的样式选项，自定义标签如何突出显示。

3.2 Git相关插件

  • GitHub Pull Requests and Issues：
    允许您在 Visual Studio Code 中检查和管理 GitHub 拉取请求和问题。
  • Git History：
    查看Git日志，提交文件历史，比较分支或提交
  • GitLens — Git supercharged：
    通过Git Under注解和CodeLens使你可以直截了当的显示代码作者，无缝导航和探索Git存储库，通过丰富的可视化和强大的比较命令获得有价值的见解等
  • Git Graph：
    查看存储库的Git Graph，并从该图轻松执行Git操作

3.3 C/C++相关插件

  • C/C++
  • C/C++ Extension Pack
  • C/C++ Themes

3.4 配置keil开发环境

（1）需要安装Keil5软件
（2）在VSCode中安装Keil Assistant 插件
（3）配置Keil Assistant
进入设置，搜索框里输入“Keil Assistant”，并在指定位置，输入【keil5可执行文件的绝对路径】。上面那个是C51的，下面那个是MDK的。
在这里插入图片描述

3.5 Markdown语法插件

  • Markdown All in One ：
    Markdown All in One 是 VSCode 热门的 Markdown 插件，可以在左边书写，右边即时预览。
    快捷键说明
    Ctrl + B粗体
    Ctrl + I斜体
    Alt + S删除线
    Ctrl + Shift + ]标题(uplevel)
    Ctrl + Shift + [标题(downlevel)
    Ctrl + M切换数学环境
    Alt + C选中/取消选中任务列表项
  • Markdown Preview Enhanced：
    Markdown预览增强，自动滚动同步、数学排版、PlantUML、pandoc、PDF 导出、代码块、演示文稿编写器等。
    Markdown Preview Enhanced常用快捷键：
    快捷键说明
    cmd-k v 或 ctrl-k v打开预览到侧面
    cmd-shift-v 或 ctrl-shift-v打开预览
    ctrl-shift-s同步预览/同步源
    shift-enter运行代码块
    ctrl-shift-enter运行所有代码块
    cmd-= 或 cmd-shift-=预览放大
    cmd-- 或 cmd-shift-_预览缩小
    cmd-0预览重置缩放
    Esc切换侧边栏目录
  • Markdown PDF
    用于将Markdown转换为PDF，但是此插件不能成功转换markdown中的plantuml，只是转换为pdf功能完善，不必要安装。
  • Markdown Image
    Hexo + VSCode 插入 Markdown 图片解决办法 - Yumine - 博客园 (cnblogs.com)
  • Markdownlint
    可提供实时的Markdown语法格式检查，但其对语法格式过于严格，可根据自身情况选择安装
  • Markmap
    能将Markdown文件预览为思维导图形式，十分推荐
  • Markdown Preview Mermaid Support
    能在Markdown文件中书写Mermaid格式的文本
  • Mermaid Markdown Syntax Highlighting
    可以将Mermaid格式的文本高亮显示，方便易读

3.6 PlantUml插件

（1）Windows安装JAVA，用于预览
（2）安装PlantUml插件
（3）配置PlantUml插件

PlantUml使用的渲染方式比较：

  • 使用Local方式，在本地安装GraphViz，配置好环境变量。优点是可以不联网，部署较为简单，但不支持直接转换为PDF，且渲染较慢。PlantUML环境部署(VScode+PlantUML插件+Graphviz+jre)，VSCODE+PLANTUML环境配置
  • 使用官方的Plantuml服务器，优点是渲染快，配置方便，只需要将网址添加进去即可，但需要联网，不支持直接转换为PDF，可以使用在线工具转换。
  • 在自己的电脑部署PlantUml Server，优点是可以不联网，渲染快，且能导出PDF，但部署相对复杂。[没必要，不建议]

【VSCode插件】Plantuml和Markdown搭配使用

3.7 编辑用的插件

VSCode 基本使用
huangpb的博客
12-16 5万+
一、VSCode 界面功能介绍 1. Git History，相当于 git log 3. 打开上一提交版本的更改记录 4. 显示提交注释 5. 向右分屏 6. 直接定位到第几行 7. 解析当前文件的语言 8. 切换项目（基于 Project Manager） 9. 切换分支 10. GitLens，可以查看文件和单行代码的修改记录 二、常用快捷键 1. Comman.........
Linux中使用VS Code编译调试C++项目详解
08-31
总结起来，Linux上的VS Code配置C++项目涉及以下几个关键步骤： 1. 安装VS Code及其C++扩展。 2. 配置`Makefile`以管理编译过程。 3. 创建`launch.json`和`tasks.json`以定义调试和编译任务。 4. 使用VS Code内置...
vscode 的基本使用
IT之一小佬的博客
04-17 2247
vscode 的基本使用 1. vscode 的基本介绍 全拼是 Visual Studio Code (简称 VS Code) 是由微软研发的一款免费、开源的跨平台代码编辑器，目前是前端(网页)开发使用最多的一款软件开发工具。 2. vscode 的安装 下载网址:https://code.visualstudio.com/Download 选择对应的安装包进行下载: 根据下载的安装包双击进行安装即可，当然为了更好的使用 vscode 还可以安装对应的插件。 3. vscode 的插件安装.
了解VSCode：一款功能强大的开源代码编辑器
最新发布
Good_tea_h的博客
08-08 3386
Visual Studio Code作为一款功能强大的开源代码编辑器，以其轻量级、高效、多语言支持、智能代码补全、内置调试工具、丰富的扩展市场以及跨平台兼容性等特点，赢得了广大开发者的青睐。它以其强大的功能、丰富的插件生态系统、跨平台兼容性以及出色的用户体验，成为了广大开发者的首选工具。VSCode提供了丰富的代码编辑功能，包括语法高亮、代码折叠、多光标编辑、代码片段等。通过安装扩展，您可以为VSCode添加新的语言支持、框架集成、代码片段、代码美化、调试工具等功能。
VS Code的使用
与时俱进，一专多能。
05-17 3043
Visual Studio Code（简称VS Code）是一款由微软开发的轻量级、强大且高度可定制化的代码编辑器，广受开发者欢迎。本文将详细介绍VS Code的安装、卸载、菜单和窗口结构，并以Python和Markdown插件为例子讲述其使用方法。
VSCode详细使用教程
贵公子丶笔记
11-22 3888
Ï       VSCode（Visual Studio Code）是由微软研发的一款免费、开源的跨平台文本（代码）编辑器，算是目前前端开发几乎完美的软件开发工具。 1.VSCode下载 VSCode下载链接: https://code.visualstudio.com/ 2.VSCode汉化 3....
VScode使用教程（菜鸟版）
热门推荐
L5887876989的博客
06-21 13万+
VScode安装好之后，我们还要知道，VScode毕竟是一个高级的编辑器，只能用来写C/C++代码，不能直接编译代码。同时，它还支持插件扩展，通过丰富的插件，用户能获得更多高效的功能。如果你的代码还是单独的一个.c文件，在当前打开文件夹中就可以编写，那就直接在当前打开的文件夹中新建.c源文件，编写代码，对当前的代码，直接执行【终端】->【运行生成任务】前面讲解的都是如何去编码代码，当我们生成一个可支持程序的时候，如果遇到了bug，我们就要想办法调试代码，那VScode如何调试代码呢？
VSCode使用教程
qiaofan_乔凡的博客
06-18 826
VSCode使用教程       VSCode（Visual Studio Code）是由微软研发的一款免费、开源的跨平台文本（代码）编辑器，算是目前前端开发几乎完美的软件开发工具。 1.VSCode下载 VSCode下载链接: https://code.visualstudio.com/ 2.VSCode汉化 3.VSCode常用插件(安装步骤同汉化)       3.1 
VS Code MSDN手册 01.安装和使用 摘译.pdf
08-02
总结来说，VS Code作为一个强大的源代码编辑器，不仅提供了基本的代码编辑功能，还通过扩展支持了广泛的编程语言和开发工具，使其成为多平台开发者的一个理想选择。对于初学者，了解如何安装、更新和使用扩展是掌握...
CodeMirror js代码加亮使用总结
10-20
一个基于JavaScript的代码编辑器，CodeMirror支持大量语言的语法高亮,也包括css,html,js等的高亮显示。此外，CodeMirror还支持代码自动完成、搜索/替换、HTML预览、行号、选择/搜索结果高亮、可视化tab、代码自动...
VS code的安装与使用
05-19
VS Code 安装与使用指南 VS Code 是一款功能强大且灵活的代码编辑器，由微软开发，支持多种编程语言，包括 Python、Java、JavaScript、C++ 等。下面是 VS Code 的安装与使用指南： 下载和安装 要安装 VS Code，...
VSCode 使用
云满笔记
06-16 2316
VSCode
ionic2——开发利器之Visual Studio Code 常用快捷键
weixin_30546189的博客
01-17 1772
主命令框 F1或Ctrl+Shift+P: 打开命令面板。在打开的输入框内，可以输入任何命令，例如： 按一下Backspace会进入到Ctrl+P模式 在Ctrl+P下输入>可以进入Ctrl+Shift+P模式 在Ctrl+P窗口下还可以: 直接输入文件名，跳转到文件 ?列出当前可执行的动作 !显示Errors或Warnings，...
VS Code使用指南
m0_66571906的博客
02-24 5840
一.关于Vscode1、Vscode是个啥？VSCode（全称：Visual Studio Code）是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置，也可以通过内置的扩展程序商店安装扩展以拓展软件功能。VS Code 使用 Monaco Editor 作为其底层的代码编辑器。2、Vscode的安装。
Visual Studio Code使用
weixin_62848630的博客
04-22 1314
首先生成执行文件（见第2节C++的运行），然后将launch.json调试文件中的program路径直接改为执行文件的路径，如下，选择对应的调试名称，点击开始调试。先生成launch.json文件，点击右下角蓝色的添加配置，选择第二行C/C++: (gdb) 启动，生成c++的launch.json调试文件，如下图。然后点击绿色调试按钮，开始调试，注意要点到要调试的文件界面，如调试main.cpp文件，在主界面要点到main.cpp文件，如下图所示。生成可执行文件后，将可执行文件的路径输入终端，即可执行。
Visual Studio Code使用教程
qq_41960196的博客
01-22 3万+
Visual Studio Code和soureinsigh都是很好的代码编辑器。那为什么用Visual Studio Code，因为Visual Studio Code能远程连接Ubuntu(ssh)，能在windows下编辑与查看Ubuntu的内容。 1 下载 官网：Visual Studio: 面向软件开发人员和 Teams 的 IDE 和代码编辑器Visual Studio 开发工具和服务让任何开发人员在任何平台和语言的应用开发都更加轻松。 随时随地免费使用代码编辑器或 IDE 进行开发。htt
VsCode使用教程
weixin_30481087的博客
04-23 9608
一、关于Vscode 1.1 VsCode是个啥 Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in suppo...
VScode的简单使用
qq_65285898的博客
07-30 5505
本文意在帮助新人快速上手最基础的VSCode操作
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

嵌梦之旅：小城开发者的笔记

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值