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中覆蓋。
圖片描述

修改快捷鍵

文件 - 首選項 - 鍵盤快捷方式,和修改用戶設置的時候同樣,找到你要修改的快捷鍵名字,右邊覆蓋就能夠了,一些尚未綁定快捷鍵的功能能夠在左邊的最下面看到,而後快捷鍵的名字就是這個。
圖片描述

具體點:
圖片描述

相關文章
相關標籤/搜索