【VSCode】Visual Studio Code软件使用入门

2023-05-16

说明

这是一篇VS Code IDE软件使用入门文章,工欲善其事,必先利其器,在使用新IDE之前,不妨先对其进行一个全面了解。
如果你做WPF等桌面端开发,目前VSCode还没有好用的可视化插件,只能修改完XAML后运行起来看效果。

VSCode的命令行启动方式

启动CMD命令行编辑器,在某一文件夹下输入“code .”,即可启动VSCode,并默认打开这一文件夹。
同样的,如果要从文件打开工作区,输入“code 工作区文件名”即可打开工作区。
单一文件的打开是一样的。

当然VSCode可以正常启动软件,从可视化界面操作打开文件和项目。

下面逐一分析记录菜单栏各菜单内容功能

文件

1、新建文件

会直接创建一个未命名文件供编辑,文件的后缀名也是不确定的,保存的时候才会让你选文件类型和保存位置。

2、新建窗口

相当于直接又启动了一个VSCode IDE,打开了第二个VSCode。

3、打开文件

没错,只打开一个文件,不管是项目文件或解决方案,仅仅只是打开这个文件而已。

甚至.code-workspace工作区文件也仅仅只会打开文件的内容而已,不会打开工作区。

4、打开文件夹

以某个文件夹为根目录,打开此目录树

5、从文件打开工作区

可以打开.code-workspace类型的文件定义的工作区

6、将文件夹添加到工作区、将工作区另存为、复制工作区

VSCode中的工作区是为了让你配置一个工作环境,让你更好地针对不同地环境(如JAVA环境,C++环境)设定不同地配置体验更好的VSCode,为了基于项目的级别而不是在全局(用户)级别上应用任何设置或配置,有了工作区,就可以定制工作环境的各个方面,以满足和匹配正在处理项目的特定需求,如插件、任务、代码片段,甚至是文本编辑器的外观。

举个例子:
我们在c#环境工作时,用不到Python的插件,但这个插件是默认开启的,占用很多不必要的系统内存,我们就可以在不同的工作区进行不同的配置。
工作区设置和系统设置、文件夹项目设置等有一定的覆盖层次。

编辑

无它,一些撤销、恢复、剪切、粘贴、复制的基本操作,这里的查找和替换新手可能会有迷惑。

1、普通的查找、替换

快捷键Ctrl+F,打开的查找和替换框是针对当前打开的文档的查找和替换。

2、在文件中查找、替换

快捷键Ctrl+Shift+F,在界面最左侧功能区显眼的放大镜就是它,相当于在整个解决方案中查找和替换。

灵活使用它们的“区分大小写”、“全字匹配”、“使用正则表达式”等功能。全字匹配指的是假如启用之后,搜索do,只有在找到单独的do才认为符合要求,而doing则被认为不符合条件。

3、切换行注释、切换块注释

行注释"//"的添加和取消快捷键:Ctrl+/
块注释“/**/”的添加和取消快捷键:Shift+Alt+A

4、Emmet:展开缩写

Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具. 在前端开发的过程中,一大部分的工作是写 HTML、CSS 代码。特别是手动编写 HTML 代码的时候,效率会特别低下,因为需要敲打很多尖括号,而且很多标签都需要闭合标签等。于是,就有了 Emmet,它可以极大的提高代码编写的效率,它提供了一种非常简练的语法规则,然后立刻生成对应的 HTML 结构或者 CSS 代码,同时还有多种实用的功能帮助进行前端开发。

VsCode内置了Emmet语法,在后缀为.html/.css中输入缩写后按Tab键即会自动生成相应代码。

请注意在VsCode新版本中按Tab不再默认启用Emmet展开缩写!需要在首选项配置中将emmet.triggerExpansionOnTab设置为true值!

选择

里面的功能基本都会使用快捷键调用,比如全选,甚至不怎么常用的,比如扩大选区、缩小选区,往上/往下复制/移动一行,重复添加一份选择的区域(CV操作就很香),还有一些光标操作,列选择模式之类的,用(Shift)+Alt+鼠标拖动的形式就够了。

查看

1、命令面板

快捷键F1,命令面板是根据输入框里的第一个字符来决定提供什么功能的。如果第一个符号是>(大于号),那么就提供所有的命令。当你继续输入字符时,VS Code 就会在所有命令里进行搜索;如果第一个字符是@,那么就扫描当前文件,提供所有的符号。

那么命令面板里一共支持多少不同的功能呢?直接在根部输入一个英文的“?”可以查看所有支持的功能。
在这里插入图片描述

2、打开视图

和在命令面板中输入“view空格”效果一样,可以打开各种视图面板。

3、外观

这里有个“禅模式”很有趣,大概是有助于心无旁骛地写代码,全屏模式不用多说。
还包括各种栏位的显示和隐藏,如果是从VS转移过来习惯资源管理器等面板在右侧的朋友们,可以在这里更改侧边栏的位置,调整侧边栏到右侧,或者调整显示调试、错误等信息的面板的位置。
这里还有一对放大、缩小功能,是针对整个IDE的,而非编辑器里的代码字号。

4、编辑器布局

可以变着花样拆分和布局编辑器,根据需要和喜好设置编码窗口。

5、显示缩略图

使滚动条显示缩略图的选项。

6、显示导航痕迹

编辑器顶部有一长串路径,初看花里胡哨的,但实际上还比较有用,至少快速定位和切换文件很方便,比在资源管理器里找更直观。

7、显示空格

打勾后代码里的空格会用·来显示出来。

8、显示控制字符

有时候会输入一些无用的控制字符,可能会影响程序运行,这个选项还是保持默认勾选,出现控制字符的时候可以看到。

其他还有一些功能,侧边栏的那五项(资源管理器、插件、启动等)这里可以查看调出,
错误、调试、输出等共用的面板的显示切换,这个直接点面板上的“…”切换其实更方便,无需进入菜单

转到

1、前进、后退

不像VS那样工具栏有两个显眼的前进后退按钮,功能一样,记录你操作的步骤,打开的文件,去过的地方,可以回退回去位置。

快捷键是Alt+左右箭头 。

2、上次编辑位置

顾名思义,找到你上次编辑的地方,不常用,但偶尔有奇效。

3、切换编辑器、切换组

比如打开了多个文件,可以通过这个功能在多个文件编辑器之间切换,切换组也是,如果编辑器设置了一些布局,划分了好几组,也可以通过这个功能切换。

4、转到文件、转到工作区中的符号

前面命令面板已经介绍过,点击之后会激活命令面板,并提示我们命令格式。

5、转到定义、转到引用等

转到定义、转到类型定义、转到声明、转到实现、转到引用等,其中比较常用的转到定义快捷键F12,转到引用,可以查看某个变量在哪里被引用,快捷键Shift+F12,转到括号,可以快速跳转到一个括号的另一半括号。

快捷键是Ctrl+Shift+\。

6、上一个问题,下一个问题

适合修饰完善代码时用,看看IDE都帮你检测出了哪些问题或者不好的代码,不合适的写法。

快捷键F8,Shift+F8。

运行

1、启动调试

F5老熟人。

2、以非调试模式运行

Ctrl+F5老熟人。相比于上面的启动调试,这里会直接启动程序,不会命中任何编辑器断点,异常会直接崩溃。

3、打开配置、添加配置

点击会打开launch.json,可以对启动项进行配置,添加配置,这应该是VSCode IDE相较于VS特有的吧。

4、切换断点

在当前光标位置添加或删除断点,快捷键F9。

5、新建断点

可以新建表达式断点、日志断点、命中次数断点、函数断点,可以灵活尝试运用。

6、启用/禁用/删除所有断点

一般鼠标操作,菜单不是很常用。

终端

这里首先要了解一下,什么是终端?

这要从人机交互的方式说起,在我们熟知的GUI(Graphical User Interface)出现之前,电脑用的是DOS操作系统,最常见的就是命令行操作界面CLI(Command Line Interface),CLI并未随着DOS系统的消失而消亡,因为它独特的一些优点保留并沿用下来。
CLI就是人与机器的一座桥梁,是罩在机器硬件外面的一层“外壳”,有了CLI,就不必去深入了解机器的硬件结构,也不必去死记硬背那些枯燥的机器指令。只需通过一些接近于自然语言的命令行就可以完成操作。
把纯文本的命令行翻译成机器能认识的机器码,这个过程需要“命令行解释器shell”,一个负责解释命令的程序,不同的操作系统,有不同的命令解释器:

系统命令解释器shell
Windowscmd/powershell
macOSbash/zsh
Linuxbash/zsh

而终端呢,可以理解为一种工具,负责提供命令的输入、输出环境,以及切换shell的功能。

帮助

帮助菜单里有丰富的演示和文档链接、快捷键大全、视频教程、贴士和技巧,遇到使用问题可以优先到这里寻找答案,其中有两个比较有趣:

1、切换开发人员工具

点击之后直接显示出了一个类似在浏览器按F12出现的开发人员工具一样的界面,里面的DOM树居然和VSCode IDE一一对应,难道VSCode IDE是用Html+css+javascript实现的?

2、打开进程管理器

打开的不是系统的进程管理器,是VSCode的专属进程管理器,在更深入的了解和学习之后值得玩味。

设置

1、扩展

可以在这里管理已安装的扩展,在应用商店里搜索扩展。

2、键盘快捷方式

这里可以修改功能快捷键。

3、用户代码片段

我们在代码编辑器里写代码的时候,有时候输入一个缩写,即可自动生成对应的大量代码,这个功能允许我们自定义用户代码片段。

配置属性作用
$0,$1默认鼠标光标位置
“prefix”:“sign”设置快捷指令为sign
“body”:[]内部为自定义代码片段内容
“description”:“set code author”设置提示信息

附自定义注释配置(动态时间)

{
	"code sign": {
		"prefix": "bylzc",
		"body": [
			"// 描述:$1",
			"// 创建日期:${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}"
		],
		"description": "add code author"
	}
}

4、Auto Save自动保存

可以选择不同的自动保存策略,采用不同的触发时机。

5、Font Size、Font family

可以控制代码编辑器的字体、字体大小,VS里默认的是“新宋体”,看起来很正规,Code里默认的是Courier New。

6、Tab Size、Coursor Style

分别控制一个制表符等于的空格数,编辑器编辑时光标的样式。

7、其他细节设置

比较有用的如控制编辑器是否在左括号后自动插入右括号,是否启用代码操作小灯泡提示,字母间距,行高,行号显示,启用ctrl加滚轮缩放,滚动缩略图的详细设置等等等等,太丰富了,基本上能想到的,能设置的都能设置。

到这里,对VSCode的陌生感应该已经基本消除了,接下来更高级的技巧和最适合自己的使用习惯就要在实践中探索了。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

【VSCode】Visual Studio Code软件使用入门 的相关文章

  • Linux 以root用户登录无法启动VSCode

    Linux 以root用户登录无法启动VSCode 环境 Ubuntu18 04 VSCode 复现 以root用户登录Ubuntu后单机VSCode图标打开VSCode BUG 无法打开VSCode 原因 VSCode默认不允许以root
  • json-server -g报错

    在vscode终端报 在系统上禁止运行脚本 的话 在下面输入set ExecutionPolicy RemoteSigned 前提是你是以管理员模式运行vscode 然后重新输入 json server v即可
  • 在vscode中做实验出现的bug......

    1 python如何调用opencv中的saliency模块 如果你已经安装了opencv python的库 但是调用cv2 saliency方法时出现了如下的报错 module cv2 saliency has no attribute
  • VSCode远程连接ubuntu服务器

    1 打开VSCode 安装插件 安装插件 汉化 方法如下 重启之后界面就都是中文了 因为我之前弄过了 如果你的已经是中文了 可以省去这一步 安装remote development插件 如下图 用于远程连接服务器 安装好之后 左侧多了一个
  • window10在vscode中配置conda出错解决办法

    Windows 10 VSCode激活conda虚拟环境失败解决方案 CommandNotFoundError Your shell has not been 码农家园
  • Vscode

    文章目录 点击左下角的用户或者设置的 Sign in to Sync Setting 使用GitHub或者Microsoft账户登录 就能开启同步功能
  • win10使用vscode+anaconda+Python环境配置(解决无法加载文件 \WindowsPowerShell\profile.ps1,因为在此系统上禁止运行脚本)

    win10使用vscode anaconda Python环境配置 解决无法加载文件 WindowsPowerShell profile ps1 因为在此系统上禁止运行脚本 安装anaconda 为conda设置环境变量 conda 环境初
  • ‘Web\xxx\node_modules\.bin\‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。internal/modules/cjs/loader.js:905throw err

    运行 npm run serve 报上面的错误 错误原因 文件夹名称中不能有
  • 使用 cloc 统计你的代码量

    转自 使用 cloc 统计你的代码量 今天发现一个特别好用的工具 cloc 可以用它统计代码的行数 它可以识别多种开发语言 并在计算的时候忽略掉注释和空行 我记得我上次申请软件著作权的时候 申请表格中要求提交代码量 当时为了计算行数 我写了
  • VScode扩展商店不显示插件问题

    VScode扩展商店不显示插件问题 情况一 代理服务器异常 参考文章 https blog csdn net wodebokecsdn article details 89239769 文件 首选项 设置 应用程序 代理服务器 情况二 设备
  • vscode 中使用鼠标Ctrl+滚轮放大缩小

    1 使用鼠标Ctrl 滚轮放大缩小 打开 文件 gt 首选项 gt 设置 gt 用户 gt 下面的JSON 2 3 点击在settings json中编辑 4 添加下面一行 editor mouseWheelZoom true 5 最后保存
  • 使用vscode编辑和提交github仓库代码

    写在前面 在github上想删除仓库中的某个文件或文件夹 亦或是重命名操作都很麻烦 这里提供一种vscode的解决方案 在vscode中克隆远程github仓库 然后对代码或文件进行编辑 最后提交即可 就和管理本地文件一样方便 准备工作 下
  • 在命令行运行 VSCode(macOS)

    在命令行运行 VSCode macOS系统 Windows 版 VSCode 的安装脚本带着一个是否把 Code 加入 PATH 的选项 而 macOS版却没有 有的人想到给 VSCode 做一个符号链接加入 PATH 中 但实际上这样做会
  • Verilog中if- else if语句和case语句用法:

    一 if语句 1 两种情况 if 条件语句 begin end else begin end 2 多种情况 if 条件语句 begin end else if 条件语句 begin end else if 条件语句 begin end el
  • vscode乱码

    vscode中文乱码怎么解决 vscode是一款跨平台源代码编辑器 能够在桌面上运行 并且能够用途windows macOS以及Linux 但是有不少小伙伴们在使用vscode时 输入输出的却是中文代码 也不知道如何解决 那么今天小编就来告
  • VSCode中配置命令行参数

    VSCode中配置命令行参数 在跑程序调试的时候 可以直接使用脚本运行程序 这个时候调试代码只能用pdb 我觉得不太习惯 而且感觉不是很好 所以想这能不能将运行程序的脚本中的命令直接配置到vscode上 就有了这篇记录 正常vscode D
  • vscode配置clangd和clang-format

    vscode安装和配置 如何安装和配置vscode以搭建c 开发环境 可以查看我的另一篇博客 Windows上最轻量的vscode C 开发环境搭建 在这篇博客中 详细介绍了如何安装vscode以及应该安装哪些插件 这里不再赘述 vscod
  • VSCode搭建ARM(STM32开发环境)

    目录 需要用到的工具 软件安装 下载安装 Visual Studio Code 下载安装 STM32Cubemx 下载安装 ARM GCC交叉编译工具链 下载安装 Msys2 下载安装 OpenOCD 下载安装 Make 开发环境配置 ms
  • 人工智能计算机视觉:解析现状与未来趋势

    导言 随着人工智能的迅速发展 计算机视觉技术逐渐成为引领创新的关键领域 本文将深入探讨人工智能在计算机视觉方面的最新进展 关键挑战以及未来可能的趋势 1 简介 计算机视觉是人工智能的一个重要分支 其目标是使机器具备类似于人类视觉的能力 这一
  • VScode配置mingw C语言环境变量

    C语言IDE VScode VScode是个人比较喜欢的一款IDE软件 鄙人曾同时在VScode软件中运行三个终端 开发Python Golang和C语言 下载地址如下 code visualstudio com VScode配置mingw

随机推荐

  • KVM interface passthrough

    nbsp nbsp nbsp nbsp kvm passthrouth sr iov nbsp nbsp https blog csdn net yzy1103203312 article details 81092647 nbsp nbs
  • JNIEXPORT void JNICALL Java_testdll_set(JNIEnv *, jclass, jint j) //i = j;

    例如程序testdll java xff0c 内容为 xff1a public class testdll static System loadLibrary 34 goodluck 34 public native static intg
  • unicode 与UTF8

    utf 8 编码是在传输中或者保存时候是字节码 xff0c 没有大小端的问题 以存储为例 xff1a 不管是英文 xff08 1个字节 xff09 还是中文 xff08 3个字节 xff09 xff0c 不用考虑大小端问题 xff0c 直接
  • sip register超时和invite超时

    sip的register重传与超时 当发送第一个register时候 xff0c 开启定时器 xff0c 超过500ms没有响应 xff0c 重新发送 在发送的register 1s内没有响应 xff0c 在重发 xff0c 一致到32s的
  • 线性地址转物理地址

    二 线性地址转物理地址 前面说了Linux中逻辑地址等于线性地址 xff0c 那么线性地址怎么对应到物理地址呢 xff1f 这个大家都知道 xff0c 那就是通过分页机制 xff0c 具体的说 xff0c 就是通过页表查找来对应物理地址 准
  • H264/H265 PS 流分析

    对于第一帧的第一个包开始为PS头 43 系统头 43 节目映射流 1 Pack start code xff1a 包起始码字段 xff0c 值为0x000001BA的位串 xff0c 用来标志一个包的开始 2 System clock re
  • linux c/c++ 程序崩溃时打印调用栈

    本文章是在总结前人的帖子后实现的 xff0c 经过验证是可以使用的 但是在个别信号下 xff0c 还是不能详细的打印有效信息 void dump void char szLog MAX LOG LEN 61 0 int j nptrs co
  • sip stale

    ii Stale 一个标志 xff0c 用来指示客户端先前的请求因其nonce值过期而被拒绝 如果stale是TRUE xff08 大小写敏感 xff09 xff0c 客户端可能希望用新的加密回应重新进行请求 xff0c 而不用麻烦用户提供
  • C++中模板类的输入输出流重载函数实现

    转 C 43 43 模板类中操作符重载之 34 lt lt 34 和 34 gt gt 34 重载 2011 01 10 17 05 31 分类 xff1a IT与程序 标签 xff1a 字号 大 中 小 订阅 在模板类中输入流 和输出流
  • SIP注册过程

    SIP的注册过程很容易理解 首先我有一个号码 xff0c 但我的号码可以移动的话 xff0c 那服务器如何才能找到我呢 xff1f SIP的注册机制将sip终端的位置报告给注册服务器 这里的注册服务器仅仅是一个逻辑角色 并不一定是独立的物理
  • linux ls命令 目录下文件太多

    在查看一个文件目录下有哪些文件的时候 xff0c 有时候目录下文件太多 所以需要如下命令筛选 ls less 之后按下ctrl 43 F是下一页 xff0c 按下ctrl 43 B是上一页 xff0c 按下q是回去 有时候文件夹内文件数量太
  • protected 构造方法

    使用protected 构造方法 xff0c 是包保护措施 xff0c 出了这个包 xff0c 在别的包里面是不可以new这个对象的 假设class A 的构造函数是protected的 如果在别的包里还想用我这个类的功能 xff0c 只能
  • 简易小工具实现批量打开多个网页

    最近有个需求 xff0c 希望一次性可以打开多个网页 xff0c 网址自由指定 xff0c 这个需求的实现非常简单 xff0c 使用基本的c 43 43 代码调用system函数即可 xff0c 都不需要MFC相关的东西 但是我实测一些工具
  • STM32硬件复位后无法启动

    最近遇到一个很奇怪的问题 xff0c 把STM32的reset脚拉低后再拉高 xff0c 也就是所谓的硬件复位 xff0c 按道理来说 xff0c STM32应该重启才对 xff0c 可是并没有 xff0c 连main函数都没进去 xff0
  • c++ 除号 /

    在c 43 43 中 xff0c 经常会用到整数的除法 xff0c 但是值得注意的是整数的除法是有数据丢失的 整数除法的余数直接被丢弃 xff0c 只取了商的整数部分 不是四舍五入
  • SIP 鉴权 & HTTP 认证

    sip 鉴权是基于摘要签名认证的 具体来说 每一个用户都有一个用户名和密码 用户名和密码在客户端和SIP 服务器的数据库中都有保存 在认证的过程中 客户端将自己的信息 用户名 密码 url 等信息 做一些复杂的MD5 或者SHA256 SH
  • c++中的extern c以使用

    extern C 是c 43 43 可以正确使用c中代码而产生的 xff0c 虽然c 43 43 兼容c xff0c 但是在c 43 43 程序调用c的库时 xff0c 也会产生链接错误 因为c的库中函数的修饰规则与c 43 43 的函数修
  • 【C++】类与结构体的区别

    C 43 43 中结构体 xff08 struct xff09 我们知道C 43 43 中的 struct 对C中的 struct 进行了扩充 xff0c 它不再是只能用来封装不同类型数据的数据结构了 xff0c 而是拥有了更多的功能 xf
  • C++模板类成员函数最好和模板类声明一起放在同一个.h头文件里

    一个完整的C 43 43 程序应包括三部分 头文件 包含结构声明和使用这些结构的函数原型 头文件常包含的内容如下所示 xff1a 1 xff09 函数原型 2 xff09 使用 define或const定义的符号常量 3 xff09 结构声
  • 【VSCode】Visual Studio Code软件使用入门

    说明 这是一篇VS Code IDE软件使用入门文章 xff0c 工欲善其事 xff0c 必先利其器 xff0c 在使用新IDE之前 xff0c 不妨先对其进行一个全面了解 如果你做WPF等桌面端开发 xff0c 目前VSCode还没有好用