VSCode 配置和快捷键 | 学习笔记

简介: 快速学习 VSCode 配置和快捷键

开发者学堂课程【Go语言核心编程 - 面向对象、文件、单元测试、反射、TCP编程VSCode 配置和快捷键】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/626/detail/9686


VSCode 配置和快捷键

 

内容简介:

一、VSCode 使用技巧和经验

二、快捷键的使用

 

一、 VSCode 使用技巧和经验

1.大体的设置种类

打开 VSCode ,打开文件≥首选项≥设置,大体有这些设置:Commonly Used(11)、编辑器(82)、源代码管理(3)、工作台(29)、窗口(13)、Zen模式(6)、文件(15)、文件资源管理器(8)、搜索(7)、HTTP(3)、更新(2)、HTML(18)、JSON(3)、Markdown(12)、PHP(4)、TypeScript(64)、调试(9)、CSS(20)、LESS(19)、SCSS(Sass)(19)、扩展(3)、外部终端(4)、集成终端(29)、问题预览(2)、遥测(2)、Jake(1)、默认配置替代(6)、Go configuration(44)、Emmet(11)、Search(ripgrep)(1)、Git(20)、Npm(6)、合并冲突(2)、Grunt(1)。其中()“内的数字代表有几个设置,如:编辑器(82),说明编辑器内有82个设置。

2.设置字体

image.png

当你打开 VSCode 时,有些字体并不是大的,比如点开 chapter10 ,找 main.go ,打开后有些字体比较小,且字体也不是初级的, VSCode 是如何管理和设置这些选项的呢?  VSCode 和有些 ID 不一样,它在文件里有个首选项,打开首选项里面的设置,设置中有各种各样的选项,如图:

image.png

其中我们常用的设置是编辑器,编辑器内的每个设置都会有介绍,找到其中:

//以像素为单位控制字号

editor.fontsize:14,

在系统中就是默认字号14,在左边一栏默认设置中是无法修改的,你可以点击其最左边的小笔进行编辑,当一点击编辑电脑自动会将所选内容移至右边一栏(用户设置),随后便可进行修改,即将默认设置中的选项移至用户设置,再进行保存修改;同样字体的粗细也可以改,找到:

//控制字体粗细

editor.fontweight:normal,

同样通过点击其最左边小笔,添加至右侧用户设置项目中后,便可进行编辑修改。

3.更新

若想使 VSCode 自动更新,你可以找到:

//配置是否从更新通道接收自动更新。更新后需要重启。 update.channel:default,

这里系统默认的是default,如果你不想更新你可以点击小笔将default修改成none”,这个更新就会被关闭;还有一个:

//启用 Windows 后台更新。

update.enablewindowsBackgroundUpdates:true,

这个系统默认 true ,如果你想让它不自动更新,你可以点击小笔将 true 修改为 false 。

4.扩展

VSCode 往往是通过安装插件的形式进行扩展的,若你觉得麻烦你可以去关闭或者打开,扩展有以下三个设置选项:

//自动更新扩展

extensions.autoUpdate:true,

//如果设置为true,将不再显示扩展建议的通知。

extensions.ignoreRecommendations:false,

//若设置为true,除非由用户进行请求,我们不会获取或者显示推荐。

extensions.showRecommendationsOnlyOnDemand:false

会发现若有扩展建议的通知,右边会弹出一个框,这个框就是它写给你的建议,即这个文件里装一个扩展更好,若你觉的比较难,你可以把它关闭,即点击小笔将 false 改成 true。

5.编辑器

编辑器设置中有个常用的设置是:

//控制键入时是否应自动显示建议

editor.quickSuggestions:{

other:true

comments:false

strings:false

},

这会用来提示一些函数的名字或一些变量,你可以点击编辑,挪到右边用户设置后,会有各种提示,将光标拉到 other 会提示在字符串和注释外启用快速建议,将光标拉到 comment 会提示在注释内启用快速建议,将光标拉到strings 会提示在字符串内启用快速建议。有些建议光是做了,由于没有装相应的扩展,它是不管用的,即使把这个启动了它也不会提示,因为这个配置要配合扩展同时使用才行。

 

二、快捷键的使用

1.VSCode 自定义快捷键

image.png

首先点开 VSCode ,点开文件≥首选项≥键盘快捷方式(k),点进来都是一些快捷方式,如上图所示。选其中一个快捷方式,比如删除,可以通过上方搜索栏搜索,删除中有以下快捷键:

删除右侧的字符  Ctrl+Delete

删除左侧的字符  Ctrl+Backspace

删除行           Ctrl+shift+K

从历史记录中删除 Ctrl+K  Ctrl+U

删除右侧所有内容

删除左侧所有内容

删除所有断点

将文件夹从工作区删除...

如果你觉得这些快捷键不好用或者与你的其他快捷键冲突了,可以自己编辑快捷键组合,通过点击快捷命令前面的小笔,随后在出现的小框内输入自己所需的组合键,再点击 Enter 键,最后进行保存就实效了,但是在大部分情况下建议使用默认的快捷键。

2.常用的快捷键

①删除当前行 Ctrl+shift+K(也可以自定义)

②向上/向下复制当前行 shift+Alt+↓/↑

③补全代码  Alt+/

④添加注释和取消注释 Ctrl+/

⑤快速修复  Alt+/

⑥快速格式化代码 shift+Alt+f

⑦还有很多其他的快捷键...[参考 VSCode 快捷键大全.doc]

3.特别说明

① VSCode 的快捷键不要和输入法冲突,否则不会生效

②一些快捷键需要安装 Go 插件后才能生效

其中,在①会发现输入法的级别要高一些,当你输入一个快捷键如果没有去把输入法改进,它先是在输入法中有变化,但是代码不会有变化;在②中会发现,如果没有安装快捷键的相关的 Go 插件,快捷键根本用不了, Go 插件的安装非常简单:首先将所有的更新都改成自动更新,其次通过以下方式进入 Go 扩展的页面,

image.png

点进去后会有详细信息,安装时也有步骤,点击右下角的提示安装就可以,但是有些插件安装需要走外网,国内会把有些网屏蔽掉,所以可能在下载安装的时候连不上网,这时候需要翻墙,如果你不能翻墙可以在网上找一些现成的包安装即可,后面会有专门的章节来讲插件的安装,感兴趣的同学可以先按顺序一步一步点击下载安装即可。

相关文章
|
10天前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
122 4
|
12天前
|
Linux C++ iOS开发
vs code常见的查找快捷键大全
本文来自 frozencola 技术日志,介绍了 VS Code 中常用的查找快捷键,包括快速打开文件、文件资源管理器、全局搜索、查找符号、查找文件中的文本、查找并替换、文件导航和使用命令面板。掌握这些快捷键可以显著提升开发效率。
31 4
|
12天前
|
C++
vs code常见的查找快捷键大全
【11月更文挑战第1天】本文介绍了 VS Code 中的基本查找和替换操作,包括在当前文件中查找(Ctrl + F)、查找替换(Ctrl + H)、查找下一个(F3)和查找上一个(Shift + F3)。还涵盖了在多个文件中查找(Ctrl + Shift + F)和查找替换(Ctrl + Shift + H),以及符号查找相关操作,如转到符号(Ctrl + T)和在文件中查找符号(Ctrl + Shift + O)。这些快捷键和功能帮助用户高效地管理和编辑代码。
|
27天前
|
Ubuntu Linux 编译器
Linux/Ubuntu下使用VS Code配置C/C++项目环境调用OpenCV
通过以上步骤,您已经成功在Ubuntu系统下的VS Code中配置了C/C++项目环境,并能够调用OpenCV库进行开发。请确保每一步都按照您的系统实际情况进行适当调整。
223 3
|
6月前
|
Python
新手向 Python:VsCode环境下Manim配置
该文介绍了如何准备和配置开发环境以使用Manim,主要包括两个步骤:一是准备工作,需要下载并安装VsCode和Anaconda,其中Anaconda需添加到系统PATH环境变量,并通过清华镜像源配置;二是配置环境,VsCode中安装中文插件和Python扩展,激活并配置虚拟环境。最后,安装ffmpeg和manim,通过VsCode运行测试代码验证配置成功。
347 1
|
3月前
|
JavaScript 前端开发 编译器
TypeScript教程(一)在vscode中的配置TypeScript环境
本文是一篇TypeScript入门教程,介绍了在VS Code中配置TypeScript环境的步骤,包括安装Node.js、使用npm安装TypeScript、配置npm镜像源、安装VS Code的TypeScript扩展,以及创建和运行一个简单的TypeScript "Hello World"程序。
TypeScript教程(一)在vscode中的配置TypeScript环境
|
2月前
|
JSON 数据格式
vscode配置latex
本文档介绍如何在VSCode中配置LaTeX环境。首先需安装texlive和VSCode,并提前安装SumatraPDF以查看PDF文件。配置包括设置自动编译、PDF预览程序及正反向搜索等。提供了详细的`settings.json`配置示例,涵盖不同操作系统下的编译选项与方案。此外,还介绍了如何配置SumatraPDF实现与VSCode的跳转功能,以及相关快捷键的使用方法。
|
3月前
|
NoSQL 编译器 C语言
VSCode配置配置C++环境
VSCode配置配置C++环境
93 1
|
3月前
|
Dart
Flutter笔记:手动配置VSCode中Dart代码自动格式化
Flutter笔记:手动配置VSCode中Dart代码自动格式化
427 5
|
3月前
|
Rust Shell 开发者
7步开始rust(自定义环境安装与vscode开发环境配置)
本文档详细记录了当改变Rust安装路径至特定目录(如 `/home/local_rust`)时,如何在VSCode环境中正确配置Rust开发环境的过程。主要包括:设置环境变量、使用清华大学镜像安装Rust及更新镜像源、手动部署 `rust-analyzer`、安装标准库源码、安装与配置VSCode插件等七个步骤,确保开发者能够顺利搭建并使用定制化的Rust开发环境。
466 0