visual studio code(vsc)的使用教程

visual studio code如下简称vsc。
vsc这个编辑器也火了一会了,最近在跟风学一波typescript,网络上不少人说vsc是最适合ts的编辑器,并且这个编辑器自己也很好用,因此学一下,在这篇文章里记录一下学习的过程,好比快捷键,如何debug,如何跑任务和一些奇淫技巧等。慢慢更新,工做用的是windows,移动办公用的是mac,因此两种快捷键都会慢慢的更新上去。git

快捷键

这里主要就是实验F1上的快捷键,一些我认为没用的我就不列出来了。typescript

  • 向上(下)复制行 shift + alt + top(down)json

  • 向上(下)移动行 alt + top(down)windows

  • 新建一个窗口 ctrl + shift + N网络

  • 行增长缩进 ctrl + [编辑器

  • 行减小缩进 ctrl + ]学习

  • 撤销修改 ctrl + zspa

  • 撤销撤销修改 ctrl + shift + zdebug

  • 裁剪尾随空格(去掉一行的末尾那些没用的空格):ctrl + shift + x
    图片描述调试

强烈建议把这个启用,这样保存的时候就会自动删掉那些没用的空格,在不少公司的代码规范里都是不容许存在这些空格的。

  • 显示隐藏侧边栏:ctrl + B

  • 拆分编辑器(最多拆分红三块):ctrl + \
    按ctrl + 1(2,3)就能够在拆分后的编辑器里切换

图片描述

  • 方法缩小 ctrl +(-)

  • 关闭编辑器 ctrl + W(F4)

  • 切换编辑器 ctrl + shift + left(right)
    也能够用 ctrl+1(2,3)

  • 显示和隐藏侧边栏 ctrl + B

  • 切换全屏 F11

  • 切换自动换行 alt + Z
    这个仍是颇有用的,有时候咱们的屏幕不够大,但是代码没有自动换行,因此被遮住的代码就会看不到,可是你用这个快捷键就能够换行看到了。这个我是在用户设置里面设置成自动换行的。

图片描述

  • 显示Git ctrl + shift + G
    前提是你的项目必须是一个git项目

  • 启动调试 ctrl + shift + D

修改用户设置

把默认的用户设置成适合咱们本身的仍是很重要的。
也很简单,文件 - 首选项 - 用户设置,而后出来左边的默认设置是不能改的,须要在右边settings.json中覆盖。
图片描述

修改快捷键

文件 - 首选项 - 键盘快捷方式,和修改用户设置的时候同样,找到你要修改的快捷键名字,右边覆盖就能够了,一些尚未绑定快捷键的功能能够在左边的最下面看到,而后快捷键的名字就是这个。
图片描述

具体点:
图片描述

相关文章
相关标签/搜索