VSCode
-
[VScode教程] VSCode 缩进参考线和垂直标尺
VSCode 缩进参考线和垂直标尺,这里我们可以先一起来玩一个“大家来找茬”的游戏: 图1是使用没有修改过任何编辑器设置的 VS Code 打开的一个 JavaScript 的文…… -
[VScode教程] VSCode 光标样式
VSCode 光标样式,这里我们可以先一起来玩一个“大家来找茬”的游戏: 图1是使用没有修改过任何编辑器设置的 VS Code 打开的一个 JavaScript 的文件 图2是使…… -
[VScode教程] VSCode 工作台介绍
VSCode 工作台介绍,我们把 VS Code 的整个界面统称为工作台(Workbench),它就像是木匠的工作桌,上面摆放着做木工活时需要的各式工具。一个好的匠人一定…… -
[VScode教程] VSCode 命令面板
VSCode 命令面板,命令面板,我们在之前的学习过程中已经多次使用了。命令面板是一个非常特殊的 UI 组件,假如说你从来没有用过 VS Code 或者 Sublime 之类…… -
[VScode教程] VSCode 如何管理文件和文件夹
VS Code是如何管理文件和文件夹,首先需要说明的是,VS Code 的各个功能,都是基于当前打开的文件或者文件夹的。 该怎么去理解这个概念呢?如果你使用过 IDE…… -
[VScode教程] VSCode 资源管理器
VS Code 资源管理器,当你打开一个文件夹之后,你就能在工作台的最左侧看到资源管理器。资源管理器将当前文件夹下的文件和子文件夹,以树形结构的形式呈现出…… -
[VScode教程] VSCode 多文件夹工作区
VS Code 多文件夹工作区,多文件夹工作区(multi-root workspace)。老实说呢,这个概念是有一定的理解难度的。 上面我们提到的基于文件夹的这种项目管理方…… -
[VScode教程] VSCode 工作区切换
VSCode 工作区切换,如果你同时打开了多个窗口,可以按下 Ctrl + W,或者调出命令面板,搜索 “切换窗口(Switch Window)”,然后选择你要跳转的那个文件夹中…… -
[VScode教程] VSCode 版本管理
VSCode 版本管理,会介绍如何在VSCode中进行查看代码变化、改变文件状态和代码提交。 首先,在工作台的左侧活动栏上,我们能看到一个版本管理的图标,位于下…… -
[VScode教程] VSCode 创建终端
VSCode 创建终端,VS Code 在设计之初,就一直在思考如何让 VS Code 和终端能够更紧密联系在一起。其第一种方式就是从终端中以命令行的形式打开 VS Code。第…… -
[VScode教程] VSCode 终端快捷键操作
VSCode 终端内操作,接下来,我们再一起了解一下集成终端里的快捷键操作。 我们能够在终端里使用 Shell 自身支持的那些快捷键操作。比如在 Bash 里,我们可…… -
[VScode教程] VSCode 终端面板里文件跳转
VSCode 终端面板里文件跳转,我们可以从集成终端中非常轻松地打开一个文件。我们经常在终端中运行测试脚本,在某些测试失败后,我们能够从错误警告中得到,…… -
[VScode教程] VSCode 怎么运行代码
VSCode 怎么运行代码,集成终端和资源管理器也有互动。比如我们打开了一个脚本文件,希望直接执行这个脚本文件,就可以打开命令面板,运行 “在活动终端中运…… -
[VScode教程] VSCode 终端设置
VSCode 终端设置,我们一起看一下如何设置集成终端,让它能够符合我们平时的终端使用习惯。 在终端里使用什么样的 Shell 默认情况下,在 Windows 10 上我们…… -
[VScode教程] VSCode 任务系统配置 – 分组和结果显示
VSCode 任务系统配置 – 分组和结果显示,来学习一下任务系统配置里的其他属性。在下面的任务里,我们能够看到 “label”“type”“command” 这几个熟悉的属性,它…… -
[VScode教程] VSCode 如何创建自定义的任务
VSCode 如何创建自定义的任务,学习完本文你可以掌握如何在VSCode中创建自定义的任务,首先我们在命令面板里,搜索 “配置任务”(Configure Task)并执行。 …… -
[VScode教程] VSCode 如何使用自动任务检测
VSCode 如何使用自动任务检测,任务系统的目的,是将各种形形色色的任务脚本尽可能地统一化,然后提供一套简单但又定制化强的方式操作它们。 这里举个我自己…… -
[VScode教程] VSCode 任务配置参数及任务结果分析
VSCode 任务配置参数及任务结果分析,任务系统的知识体系相对复杂,今天继续介绍任务系统的内容:任务配置的更多参数以及任务结果的分析功能。 Command相关…… -
[VScode教程] VSCode 代码调试器
VSCode 代码调试器,和语言功能一样,VS Code 是把调试功能的最终实现交给插件来完成的。VS Code 提供了一套通用的图形界面和交互方式,比如怎么创建断点、…… -
[VScode教程] VSCode 横向编辑器组和纵向编辑器组
VSCode 横向编辑器组和纵向编辑器组,VS Code 的编辑器的组织方式,还是相对比较常见的,没有什么特别难的地方,相信你可以轻松使用。不过,要提到编辑器相…… -
[VScode教程] VSCode 编辑器 – Tab
VSCode 编辑器 – Tab,呼声非常高的编辑器相关的需求就是 Tab 的支持了。VS Code 虽然一直以来技术上是支持 Tab 的,但是并不会显示出来,而是要求你按下Cmd…… -
[VScode教程] VSCode 编辑器网格布局
VSCode 编辑器网格布局,VS Code 对编辑器的布局,已经逐渐变得越来越宽松了。特别是最近的几个版本里已经支持了网格布局,也就是说,编辑器组不再拘泥于横…… -
[VScode教程] VSCode 编辑器拖拽 Drag & Drop
VSCode 编辑器拖拽 Drag & Drop,随着布局的逐渐灵活,可以使用的命令也越来越多了,从最基础的聚焦下一个编辑器组和移动编辑器,到更灵活地在网格布局…… -
[VScode教程] VSCode 编辑器专注模式
VSCode 编辑器专注模式,我们在工作的时候,有时候希望更专注于代码编辑器,而不希望被 VS Code 的其他组件,比如视图或者面板所打扰。或者我们在比较小的屏…… -
[VScode教程] VSCode 编辑器缩放
VSCode 编辑器缩放,缩放功能也是我在日常工作中经常使用的。比如我自己配置的字体比较小,而当需要给其他同事展示代码的时候,就往往需要把字体调大以便于……