「高亮」程序开发工具 编辑器 与 IDE( 九 )

GitLens , 它是 VS Code 中我最推荐的一个插件 , 简直是Git神器 , 码农必备 。
8、将工作区放大/缩小我们在上面的设置项里修改字体大小后 , 仅仅只是修改了代码的字体大小 。
如果你想要缩放整个工作区(包括代码的字体、左侧导航栏的字体等) , 可以按下快捷键「cmd +/-」 。 windows用户是按下「ctrl +/-」
当我们在给别人演示代码的时候 , 这一招十分管用 。
如果你想恢复默认的工作区大小 , 可以在命令面板输入重置缩放(英文是reset zoom
9、创建多层子文件夹我们可以在新建文件夹的时候 , 如果直接输入aa/bb/cc , 比如:
那么 , 就可以创建多层子文件夹 , 效果如下:
10、.vscode 文件夹的作用如果你发现项目的根目录下有一个.vscode文件夹 , 说明这个文件夹代表的是当前项目的配置 。
这个文件夹里可能包含以下集中文件:

  • settings.json:工作空间设置 。 只针对当前项目有效 。 比如说 , 我可以在这里面要求当前项目的代码统一使用制表符 , 而不需要要求每一位码农去修改各自的配置文件 。
  • sftp.json:ftp文件传输的配置 。
11、自带终端我们可以按下「Ctrl + `」打开 VS Code 自带的终端 。 我认为内置终端并没有那么好用 , 我更建议你使用第三方的终端item2 。
12、markdown语法支持VS Code自带 markdown 语法高亮 , 写完 md 文件之后 , 你可以点击右上角的按钮进行预览 , 如下图所示:
你也可以在控制面板输入Markdown: 打开预览 , 直接全屏预览 markdown文件 。
13、Emmet in VS CodeEmmet可以极大的提高 html 和 css 的编写效率 , 它提供了一种非常简练的语法规则 。
举个例子 , 我们在编辑器中输入缩写代码:ul>li*6 , 然后按下 Tab 键 , 即可得到如下代码片段:
<ul>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
   </ul>

VS Code 默认支持 Emmet 。 更多 Emmet 语法规则 , 请自行查阅 。
七、VS Code 插件推荐VS Code 有一个很强大的功能就是支持插件扩展 。
上图中 , 点击红框部分 , 即可在输入框里 , 查找你想要的插件名 , 然后进行安装 。
我来列举几个常见的插件 , 这些插件都很实用 。
GitLens 【荐】我强烈建议你安装插件GitLens , 它是 VS Code 中我最推荐的一个插件 , 简直是Git神器 , 码农必备 。 如果你不知道 , 那真是out了 。
GitLens 在 Git 管理上有很多强大的功能 , 比如: