【工具-Visual Studio Code】

已于 2024-03-23 23:10:48 修改
阅读量117 收藏
点赞数
分类专栏： # 开发工具 文章标签： vscode 编辑器
于 2023-10-30 23:22:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_23896491/article/details/134130512
版权

工具-Visual Studio Code使用

■ Win11安装VSCode

■ Ubuntu安装VSCode

■ Visual Studio Code C/C++

1.vscode 安装扩展

  1. Open VS Code.
  2. Select the Extensions view icon on the Activity bar or use the keyboard shortcut (Ctrl+Shift+X).
  3. Search for ‘C++’.
  4. Select Install.

2. C++编译器安装

3. Win10下VScode+MSVC+CMake搭建C++开发环境

添加链接描述

3.1. VScode安装必要的插件

C/C++、
C/C++ Extension Pack、
C++ Intellisense、
Chinese (Simplified) Language、
Pack for Visual Studio Code、
CMake、
CMake Tools

3.2.

3.3. 测试

4 VScode配置 C/C++ 环境

主要是配置 launch.json,tasks.json 这两个文件位于.vscode文件夹下，.vscode用于存放 VS Code 相关的配置文件。

4.1. c_cpp_properties.json 配置 （是用于设置编译的一些相关选项）**

  1. 此文件采用半自动创建，按快捷键Ctrl + Shift + P调出命令面板，选择 “C/C++: Edit Configurations(UI)”：
    在这里插入图片描述
    在这里插入图片描述
  2. 编译器路径改为 ：C:/mingw64/bin/g++.exe
  3. IntelliSense模式改为 ： gcc-x64 (legacy)
    在这里插入图片描述

4.2. tasks.json （用于指定如何构建（编译）程序）**

  1. 按快捷键Ctrl + Shift + P调出命令面板，输入 “task”，选择 “Tasks: Configure Default Build Task”：
    在这里插入图片描述
    可以看到.vscode文件下产生了tasks.json这个文件。

  2. 若要编译多个源代码文件，则在tasks.json文件中如下修改

把"${file}"改为"${workspaceFolder}\\*.c"，可以构建当前工作区中所有的 C 文件。
把"${file}"改为"${workspaceFolder}\\*.cpp"，可以构建当前工作区中所有的 C++ 文件。
  修改编译输出的文件名：

把"${fileDirname}\\${fileBasenameNoExtension}.exe"改为"${workspaceFolder}\\myProgram.exe"，可以把编译输出的文件名命名为 “myProgram.exe”。
把"${fileDirname}\\${fileBasenameNoExtension}.exe"改为"${workspaceFolder}\\${workspaceRootFolderName}.exe"，可以把编译输出的文件名命名为工作区文件夹名字。

4.3. launch.json （用于调试的配置文件，例如用什么语言、调试类型等）**

  1. 若 VS Code 没有自动创建launch.json文件，则可以半自动创建：
    在这里插入图片描述
  2. 选择GDB 和 添加配置
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  3. 配置项目
    在这里插入图片描述
    配置完成！
    PS：还可以采取最简单粗暴的方法配置 C/C++ 环境，即将旧项目下的整个.vscode文件直接复制到工作空间下。

5. 测试

#include <iostream>
using namespace std;

int main()
{
    cout<<"Hello World!"<<endl;
    return 0;
}

■ Visual Studio Code Python

Python环境搭建

■ VSCode 插件

插件描述
Chinese中文支持
GitLens
Color Highlight代码高亮显示，有趣的是，颜色代码跟着变化，很直观
Highlight Matching Tag标签配对，方便代码很多的时候找标签
any-rule常用的正则表达式都在这，且会日常更新
Vue开发必备（语法高亮）
ESLint格式化代码用的，很好用，特别是代码习惯不太好的伙伴，鼠标右键选择，一键操作

■ 快捷键

1. 命令面板

快捷键描述
使用 F1 或者 Ctrl+Shift+P打开。

2. 基本编辑快捷键

快捷键描述
新建文件Ctrl + N
打开文件Ctrl + O
保存文件Ctrl + S
撤销Ctrl + Z
重做Ctrl + Y
查找Ctrl + F
替换Ctrl + H
全选Ctrl + A
撤销选中Ctrl + U

3. 移动光标:

快捷键描述
移动到行首Home
移动到行尾End
移动到上一行Ctrl + 向上箭头
移动到下一行Ctrl + 向下箭头
移动到词首Ctrl + 左箭头
移动到词尾Ctrl + 右箭头

4. 缩进操作:

快捷键描述
增加缩进Tab
减少缩进Shift + Tab
切换缩进方式（空格或制表符）Ctrl + /
在多行选择中增加缩进Ctrl + ]
在多行选择中减少缩进Ctrl + [

5. 注释和取消注释:

快捷键描述
注释一行或多行:Ctrl + /
取消注释一行或多行:Ctrl + /

6. 查找和替换:

快捷键描述
查找Ctrl + F
替换Ctrl + H
查找下一个F3
查找上一个Shift + F3

7. 折叠和展开代码块

快捷键描述
折叠代码块:Ctrl + 工具栏的 “-” 或 Ctrl + 左方括号
展开代码块:Ctrl + 工具栏的 “+” 或 Ctrl + 右方括号

8. 导航快捷键

快捷键描述
转到文件Ctrl + P
转到定义F12
转到声明Ctrl + F12
转到实现Ctrl + F12
转到上一个光标位置Alt + 左箭头
转到下一个光标位置Alt + 右箭头
切换侧边栏可见性Ctrl + B
切换终端Ctrl + `
在文件之间切换Ctrl + Tab

9. 代码编辑快捷键

快捷键描述
代码格式化:Shift + Alt + F
注释/取消注释一行:Ctrl + /
注释/取消注释所选代码块:Shift + Alt + A
复制一行或多行:Shift + Alt + 向下箭头/向上箭头
剪切一行或多行:Ctrl + X
向上/向下移动一行代码:Alt + 向上箭头/向下箭头

10. 调试快捷键

快捷键描述
启动调试:F5
停止调试:Shift + F5
设置断点:F9
单步进入:F11
单步过:F10
继续执行:F5
停止调试会话:Shift + F5
查看变量:Ctrl + Shift + D
查看调用堆栈:Ctrl + Shift + Y

11. 表格

描述快捷键
移动到文档的开头和末尾Ctrl+Home/End
代码移动Alt+上下
代码复制Alt+ Shift+上下
单行注释Ctrl +/
块注释Alt+ Shift+A
整个文档进行格式化Alt+Shift+F
选中代码进行格式化Ctrl+K Ctrl+F
多光标Alt 然后用鼠标点
撤销多光标Esc
快速打开文件Ctrl + p
快速打开文件Ctrl + p
行跳转Ctrl+g 输入行号
跳转到某个文件的某一行只需要先按下 “Ctrl + P”，输入文件名，然后在这之后加上 “:”和指定行号即可。
代码重构光标放到函数或者变量名上，然后按下 F2，这样这个函数或者变量出现的地方就都会被修改。

■ VScode设置

1. 编码

第一步：（点击设置）
在这里插入图片描述

2. 汉化

在这里插入图片描述

■ 版本控制Git

在这里插入图片描述

1. clone代码库

在vscode中输入快捷键“Ctrl + Shift + P”打开vscode的命令框，在框中输入“git clone”并回车，然后在文本框中输入git代码库的地址
在这里插入图片描述

2. 查看更改的文件列表

点击git图标后，进入到git功能区，会显示改动文件的列表。
在这里插入图片描述

3. 查看和比较修改和前一版本有什么不同

双击改动过的文件，然后会显示diff视图
在这里插入图片描述

4. 添加文件到暂存区获取取消更改

在改动文件列表中，鼠标悬停在某个文件上，右边会出现“discard change”（撤销更改）和“Stage Change”（暂存更改）的图标，我们可以根据需要选择
在这里插入图片描述

5. commit代码（只是提交到本地）

暂存更改后，点击提交图标（如下图所示），把改动的文件提交到本地代码库
在这里插入图片描述

6. Push（提交到远程仓库）

commit代码之后，点击commit图标旁边的“…”图标，会弹出一个大的菜单，选择其中的“Push”（提交）把代码提交到远程代码库
在这里插入图片描述

7. 创建branch （分枝）

点击左下角的分支图标，如下图所示，会弹出一个对话框输入要创建新的branch的名字
在这里插入图片描述

■ Visual Studio Code配置Git

1. VSCode配置文件

在这里插入图片描述

2. 选择GIT版本控制

在这里插入图片描述

光芒Shine
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
windows11环境下使用VScode配置R环境的详细教程（从零开始，手把手教）
norvancomycin的博客
10-20 3973
可以按步骤一步一步在windows11环境下使用VScode配置R环境的详细教程（从零开始，手把手教）
【Win11安装VSCode编译器】
2203_75669439的博客
07-29 618
Win11安装VSCode
【Visual Studio Code】--- Win11 安装 VS Code 超详细
秋知叶i
08-15 1385
在编程的艺术世界里，代码和灵感需要寻找到最佳的交融点，才能打造出令人为之惊叹的作品。而在这座秋知叶i博客的殿堂里，我们将共同追寻这种完美结合，为未来的世界留下属于我们的独特印记。
Visual Studio Code2024安装教程（非常详细）从零基础入门到精通，看完这一篇就够了（附安装包）_vscode2024
最新发布
2401_84852027的博客
05-09 767
网络安全行业产业以来，随即新增加了几十个网络安全行业岗位︰网络安全专家、网络安全分析师、安全咨询师、网络安全工程师、安全架构师、安全运维工程师、渗透工程师、信息安全管理员、数据安全工程师、网络安全运营工程师、网络安全应急响应工程师、数据鉴定师、网络安全产品经理、网络安全服务工程师、网络安全培训师、网络安全审计员、威胁情报分析工程师、灾难恢复专业人员、实战攻防专业人员…网上虽然也有很多的学习资源，但基本上都残缺不全的，这是我自己录的网安视频教程，上面路线图的每一个知识点，我都有配套的视频讲解。
Visual Studio Code C++编译
chuanpeng0130的专栏
01-14 579
在Visual Studio Code (VSCode)中，您可以使用不同的编译器和构建工具来编译C++文件。一个常见的选择是使用Microsoft的C++扩展和MinGW-w64（适用于Windows）或GCC（适用于Linux）编译器。文件以适应您的编译器和项目要求。上述示例使用的是g++编译器，您可能需要根据您的情况进行调整。
Windows 11安装Visual Studio Code(VS Code)
天雪浪子的博客
02-05 2430
Windows 11安装Visual Studio Code(VS Code)
intellij-visual-studio-code-dark-plus:用于JetBrains IDE的Visual Studio Code Dark Plus主题
05-15
用于JetBrains IDE的Visual Studio Code Dark Plus主题 受默认Visual Studio代码“ Dark Plus”主题启发的JetBrains IDE的黑暗主题。 安装 通过设置→插件→市场安装“ Visual Studio Code Dark Plus Theme”插件 在...
2.开发工具-Visual Studio Code 64位-1.46.1.exe
12-03
现在使用Vscode编码的人越来越多，凭借着免费，开源，轻量，跨平台的特点收货了一大批忠实粉丝 　最近因项目需要开始使用Vscode，但不知为何，感觉有点力不从心，不知道该怎么用 　首先想到去官网看看，然后放弃了...
ansible-role-visual-studio-code-extensions:用于安装Visual Studio Code扩展的Ansible角色
05-24
Ansible角色：Visual Studio代码扩展 用于安装 IDE /文本编辑器... # The VS Code build (either 'stable' or 'insiders') https://code.visualstudio.com/insiders/ visual_studio_code_extensions_build : stable #
vscode-bazel:Bazel对Visual Studio Code的支持
05-15
适用于Visual Studio Code的Bazel插件 此扩展为Visual Studio中的Bazel提供支持。 特征 Bazel Build Targets树显示工作空间中的构建包/目标 只需单击目标，BUILD文件中的CodeLens链接即可直接启动构建或测试 ...
visual-studio-code:DarkVisual Studio Code的深色主题
05-02
Dracula for 黑暗主题。 安装 所有说明都可以在上找到。 团队 此主题由以下人员和一堆维护。 贡献 如果您想为这个主题做贡献，请阅读。 执照
Win11系统下VSCode安装与编译环境配置
altriaaaaaaaaa的博客
09-25 478
在数字化时代，掌握一款高效的开发工具对于程序员和数据科学家来说至关重要。本文将引导你顺利地在Win11系统下完成VSCode的安装，和编译环境配置流程。以上就是今天要讲的内容，本文仅仅简单介绍了VSCode的安装方法，Anaconda的安装方法以及环境配置流程。
Win11系统vscode配置C++环境：Vscode+MinGw+Cmake
Aitotra的博客
01-15 2429
在win11系统下，Vscode使用mingw和cmake配置C++开发环境
vscode 之 win11前端环境安装（javascrip、html、nodejs以及插件推荐）
Orange_hhh的博客
04-11 495
javascript 也可以用来编写一些小工具，包括但不限于浏览器的插件，浏览器的书签以及进行一些其他操作的小工具等。这时候就需要进行安装前端相关的测试环境。
windows11下配置Visual Studio2022与OpenCV4.6.0（C++版本）
weixin_47418880的博客
10-10 456
例：D:\anzhaung\Opencv\opencv\build\include；打开Visual Studio2022，按需求创建项目，以上都可以。（3）将配置属性链接器输入里的附加依赖项里添加上库目录里的两个文件。因为是做计算机视觉方向的，因此OpenCv是必不可少的工具。选择合适的版本，按教程安装即可，注意添加环境变量。（1）VC++目录下的常规包含目录。（2）VC++目录下的常规库目录。
Win11安装VScode详细教程、配置Anaconda与python环境
weixin_44839146的博客
04-29 5055
1. Anaconda与VSCode的下载与安装 首先参考该教程进行 Anaconda与VSCode的基础安装：Anaconda + VSCode 最详细教程 注意： 1) 上方教程中下载32位、64位Anaconda均可； 2) 上方教程安装VSCode时有两种方法： 第一种是在安装Anaconda的过程中可以选择安装VSConde，该方法优点是不用再单独下载VScode，但有两个缺点，分别是会出现下方图中的错误和自动将VSCode安装在C盘。 第二种是独单下载VSCode进行安装，可参考上方
windows11 VsCode MinGw配置C++环境
万伏小太阳
09-26 2719
到官网，或者各种途径下载一个VsCode，切记不是VisualStduio,认识字的应该知道这两个不是一个东西。下载之后，将MinGw的bin目录的路径粘贴复制到到Path环境变量当中。不会设置环境变量可以百度。另外，如果是写算法题，我推荐一款插件，可以自动比对输入和输出。新建一个，把MinGw的bin目录路径粘贴进去。文件夹，新建三个json文件，文件名如下。**主题推荐：**One Dark-pro。搜索，到官网下载，或者从各种途径得到。找不到在哪设置可以使用全局搜索。为了方便，把这三个设置勾选上。
Visual Studio code 安装c++及编译调试环境的解读
qq_24157509的博客
10-31 998
vscode 安装c++环境相对visual stdio 2022 还是比较人性了，主要是支持很多C++运行环境的插件，我在这里简化了很多案例的方法，从新手入坑的视角介绍安装步骤，快速搭建环境。
做运维有前途吗？
ALLEN'Blog
10-10 1065
网络安全行业产业以来，随即新增加了几十个网络安全行业岗位︰网络安全专家、网络安全分析师、安全咨询师、网络安全工程师、安全架构师、安全运维工程师、渗透工程师、信息安全管理员、数据安全工程师、网络安全运营工程师、网络安全应急响应工程师、数据鉴定师、网络安全产品经理、网络安全服务工程师、网络安全培训师、网络安全审计员、威胁情报分析工程师、灾难恢复专业人员、实战攻防专业人员…从某种程度来讲，在网络安全领域，跟医生职业一样，越老越吃香，因为技术愈加成熟，自然工作会受到重视，升职加薪则是水到渠成之事。
Provides: visual-studio-code Conflicts: visual-studio-code
09-06
根据提供的引用内容，"Provides: visual-studio-code" 和 "Conflicts: visual-studio-code" 是关于Visual Studio Code的配置文件的说明。Visual Studio Code是一个代码编辑器，可以在其中进行Python的调试。它提供了...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

光芒Shine

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

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

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

打赏作者

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

抵扣说明：

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

余额充值