visual studio code(vsc)的使用教程

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

快捷键

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

  1. 向上(下)复制行 shift + alt + top(down)

  2. 向上(下)移动行 alt + top(down)

  3. 新建一个窗口 ctrl + shift + N

  4. 行增加缩进 ctrl + [

  5. 行减少缩进 ctrl + ]

  6. 裁剪尾随空格(去掉一行的末尾那些没用的空格):ctrl + shift + x

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

  1. 显示隐藏侧边栏:ctrl + B

  2. 拆分编辑器(最多拆分成三块):ctrl + \
    按ctrl + 1(2,3)就可以在拆分后的编辑器里切换

  3. 方法缩小 ctrl +(-)

  4. 关闭编辑器 ctrl + W(F4)

  5. 切换编辑器 ctrl + shift + left(right)
    也可以用 ctrl+1(2,3)

  6. 显示和隐藏侧边栏 ctrl + B

  7. 切换全屏 F11

  8. 切换自动换行 alt + Z
    这个还是很有用的,有时候我们的屏幕不够大,可是代码没有自动换行,所以被遮住的代码就会看不到,但是你用这个快捷键就可以换行看到了。这个我是在用户设置里面设置成自动换行的。

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

  10. 启动调试 ctrl + shift + D

修改用户设置

把默认的用户设置成适合我们自己的还是很重要的。
也很简单,文件 - 首选项 - 用户设置,然后出来左边的默认设置是不能改的,需要在右边settings.json中覆盖。

修改快捷键

文件 - 首选项 - 键盘快捷方式,和修改用户设置的时候一样,找到你要修改的快捷键名字,右边覆盖就可以了,一些还没有绑定快捷键的功能可以在左边的最下面看到,然后快捷键的名字就是这个。

具体点:

关键字:JavaScript

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部