vscode使用说明

码途领航员
• 阅读 13222

简介

Visual Studio Code(以下简称vscode)是一个轻量且强大的代码编辑器,支持Windows,OS X和Linux。内置JavaScript、TypeScript和Node.js支持,而且拥有丰富的插件生态系统,可通过安装插件来支持C++、C#、Python、PHP等其他语言。

界面

vscode使用说明

配置

vscode配置文件是json形式的,修改配置只需要在 /.vscode/ 文件夹下面生成一份setting.json 文件,里面配置对应的选项。这种配置方式只针对当前项目,当然还有全局配置的方式。

配置文件不需要自己去生成,vscode有一个配置工作区。

vscode使用说明

快捷键扩展

编辑器与窗口管理

同时打开多个窗口(查看多个项目)

打开一个新窗口: Ctrl+Shift+N
关闭窗口: Ctrl+Shift+W
同时打开多个编辑器(查看多个文件)

新建文件 Ctrl+N
历史打开文件之间切换 Ctrl+Tab,Alt+Left,Alt+Right
切出一个新的编辑器(最多3个)Ctrl+,也可以按住Ctrl鼠标点击Explorer里的文件名
左中右3个编辑器的快捷键Ctrl+1 Ctrl+2 Ctrl+3
3个编辑器之间循环切换 Ctrl+`
编辑器换位置,Ctrl+k然后按Left或Right
代码编辑

格式调整

代码行缩进Ctrl+[, Ctrl+]
折叠打开代码块 Ctrl+Shift+[, Ctrl+Shift+]
Ctrl+C Ctrl+V如果不选中,默认复制或剪切一整行
代码格式化:Shift+Alt+F,或Ctrl+Shift+P后输入format code
修剪空格Ctrl+Shift+X
上下移动一行: Alt+Up 或 Alt+Down
向上向下复制一行: Shift+Alt+Up或Shift+Alt+Down
在当前行下边插入一行Ctrl+Enter
在当前行上方插入一行Ctrl+Shift+Enter

光标相关

移动到行首:Home
移动到行尾:End
移动到文件结尾:Ctrl+End
移动到文件开头:Ctrl+Home
移动到后半个括号 Ctrl+Shift+]
选中当前行Ctrl+i(双击)
选择从光标到行尾Shift+End
选择从行首到光标处Shift+Home
删除光标右侧的所有字Ctrl+Delete
Shrink/expand selection: Shift+Alt+Left和Shift+Alt+Right
Multi-Cursor:可以连续选择多处,然后一起修改,Alt+Click添加cursor或者Ctrl+Alt+Down 或 Ctrl+Alt+Up
同时选中所有匹配的Ctrl+Shift+L
Ctrl+D下一个匹配的也被选中(被我自定义成删除当前行了,见下边Ctrl+Shift+K)
回退上一个光标操作Ctrl+U

重构代码

跳转到定义处:F12
定义处缩略图:只看一眼而不跳转过去Alt+F12
列出所有的引用:Shift+F12
同时修改本文件中所有匹配的:Ctrl+F12
重命名:比如要修改一个方法名,可以选中后按F2,输入新的名字,回车,会发现所有的文件都修改过了。
跳转到下一个Error或Warning:当有多个错误时可以按F8逐个跳转
查看diff 在explorer里选择文件右键 Set file to compare,然后需要对比的文件上右键选择Compare with 'file_name_you_chose'.

查找替换

查找 Ctrl+F
查找替换 Ctrl+H
整个文件夹中查找 Ctrl+Shift+F
显示相关

全屏:F11
zoomIn/zoomOut:Ctrl + =/Ctrl + -
侧边栏显/隐:Ctrl+B
预览markdown Ctrl+Shift+V

其他

自动保存:File -> AutoSave ,或者Ctrl+Shift+P,输入 auto
这是目前支持的插件

针对各种编辑器转过来的用户水土不服现象,vscode很贴心的推出了快捷键映射插件
文件 -> 首选项 -> 键盘映射扩展

vscode使用说明

代码管理

在代码管理模块vscode提供了基本的功能包括推送、提交、拉取、对比等。操作起来很方便,但是没有souretree或者websotrm 那么强大,git 分支树需要通过插件来支持,例如 Git History 等。

插件

vscode本身功能并没有那么强大,主要是加上各类插件之后可以扩展不少功能。
这边我简单介绍一些我目前用的插件

  1. vscode-icons 图形化目录结构

  2. ESLint es的语法检测

  3. bebel es6/es7 es的语法支持

  4. beautify 语法美化

  5. Document This 标注插件

  6. Flow Language Support

  7. Indenticator 这个难以描述,就是显示光标所在的块的范围

  8. One DarkPro 主题配色

  9. Path Autocomplete 路径补全

调试

vscode的调试功能对浏览器的调试支持还不是特别好,需要本地架设有服务器,然后指向我们的工作区。这个就不详细介绍了,因为我本身用的也不多。不过在调试node方面还是挺不错的。

点赞
收藏
评论区
推荐文章
威尔we 威尔we
4年前
使用 VS Code 来开发和调试 Python 程序
(简称VSCode)是微软出品的一款支持多种语言的免费IDE(集成开发环境)。VSCode轻量而强大,支持Windows、macOS和Linux。内置支持JavaScript、TypeScript和Node.js,并且拥有一个丰富的插件生态系统来支持其它语言(C/C、C、Java、Python、PHP、Go等)和运行时(.Net和
Stella981 Stella981
3年前
2021年了,Python开发者不容错过的7个VS Code扩展
VisualStudioCode(简称VSCode)是一个由微软开发,同时支持Windows、Linux和macOS等操作系统的免费代码编辑器,它支持测试,并内置了Git版本控制功能,同时也具有开发环境功能,例如代码补全、代码片段和代码重构等。VSCode是程序员常用的代码编辑器之一,是一个可在所有平台上使用的开源、可扩展和轻量级的
Wesley13 Wesley13
3年前
ubuntu中使用VsCode+Eigen创建Eiegn应用程序
Visualstudiocode是微软发布的一个运行于MacOSX、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器。1\.VsCode安装VScode官网下载.deb文件,网址链接如下:https://code.visualstudio.com/altdownlo
Wesley13 Wesley13
3年前
VS Code实现markdown画流程图
安装最新的vscode编辑器,原生支持markdown语法。不会markdow的人可以去好好学下,写文档神器!!!1、安装MarkdownPreviewEnhanced插件!(https://oscimg.oschina.net/oscnet/51c00974c0d771d52c9c93fcd2cf701b400.png)2、本地新建
Wesley13 Wesley13
3年前
VS Code的7个开源替代品,值得推荐!
VisualStudioCode,也称为VSCode,是一款支持Linux,Windows和macOS的代码编辑器。它既能编辑简单文本,也能像集成开发环境(IDE)一样管理整个代码库。它还可以通过插件进行扩展,被广泛认为是一个可靠的文本编辑器,轻松打败其他编辑器。微软将VSCode开源,但是从Microsoft下载的版本不是开放源代码。今
可莉 可莉
3年前
2021年了,Python开发者不容错过的7个VS Code扩展
VisualStudioCode(简称VSCode)是一个由微软开发,同时支持Windows、Linux和macOS等操作系统的免费代码编辑器,它支持测试,并内置了Git版本控制功能,同时也具有开发环境功能,例如代码补全、代码片段和代码重构等。VSCode是程序员常用的代码编辑器之一,是一个可在所有平台上使用的开源、可扩展和轻量级的
流浪剑客 流浪剑客
1年前
Sublime Text 4 Dev for Mac密钥激活 附 Sublime Text 4 Dev 图文教程
拥有快速响应的功能,可以快速加载文件和执行命令,并提供多种语言支持,包括C、Java、Python、HTML、CSS等。此外,该编辑器还支持LaTeX、Markdown、JSON、XML等技术领域。SublimeText4forMac的插件丰富,用户可
小万哥 小万哥
1年前
2023 Visual Studio Code 插件推荐:18 个提高开发效率的常用插件
VisualStudioCode(简称VSCode)是一款强大的开源代码编辑器,它拥有众多功能强大的扩展插件,使得开发者可以根据自己的需求来定制编辑器的功能和外观。在本文中,我们将分享一些非常实用的VSCode插件,这些插件将提高您的开发效率,使编码变得更
绣鸾 绣鸾
1年前
Sublime Text 4 Dev for Mac(代码编辑器) v4.0(4160) 中文注册版
拥有快速响应的功能,可以快速加载文件和执行命令,并提供多种语言支持,包括C、Java、Python、HTML、CSS等。此外,该编辑器还支持LaTeX、Markdown、JSON、XML等技术领域。SublimeText4forMac的插件丰富,用户可
绣鸾 绣鸾
1年前
Sublime Text 4 for Mac(代码编辑器)
拥有快速响应的功能,可以快速加载文件和执行命令,并提供多种语言支持,包括C、Java、Python、HTML、CSS等。此外,该编辑器还支持LaTeX、Markdown、JSON、XML等技术领域。SublimeText4forMac的插件丰富,用户可
公孙晃 公孙晃
1年前
Sublime Text 4 Dev 中文版注册激活 附 激活码 及完整安装教程
拥有快速响应的功能,可以快速加载文件和执行命令,并提供多种语言支持,包括C、Java、Python、HTML、CSS等。此外,该编辑器还支持LaTeX、Markdown、JSON、XML等技术领域。SublimeText4forMac的插件丰富,用户可