VSCode環(huán)境設(shè)置與快捷鍵整理

vscode環(huán)境設(shè)置

  1. 自動保存:file->AutoSave,或者Ctrl+shift+P,輸入auto
  2. 右側(cè)sidebar選擇隱藏文件:文件->首選項->設(shè)置
    例如在 Angular2 TypeScript 項目中隱藏 .js 與 .js.map 文件:
{
  "files.exclude": {
    "**/._*": true,
    "node_modules/": true,
    "app/*.js.map": true,
    "app/*.js": true
  }
}
  1. 自定義快捷鍵:文件->首選項->鍵盤快捷方式
    最新版本的vsc有很友好的提示了
  2. 打開命令面板
    為充分利用鍵盤锨亏,這一編輯中最強大的交互方式好芭,VSCode提供了可以直達所有功能的命令面板:
    按下F1或Ctrl + Shift + P或Ctrl + P + >

代碼編輯

可在鍵盤快捷方式中查看所有的快捷方式并更改轴术,這里列出比較常用的

快捷鍵 作用
Alt+Up/Alt+Down 上/下移動一行
Shift+Alt+Up/Shift+Alt+Down 向上/向下復(fù)制一行
Shift+Alt+F/右鍵->format document 格式規(guī)范
Shift+delete\Ctrl+X 剪切一行
Ctrl+C/Ctrl+X 如果不選中,默認(rèn)復(fù)制或剪切一整行
Ctrl+/或者Ctrl+Shift+A 注釋一行/注釋選中的內(nèi)容
Ctrl+[裙盾,Ctrl+]/Tab\Shift+Tab 代碼行縮進/反縮進
Ctrl+Shift+[,Ctrl+Shift+]/點擊行數(shù)旁邊的+/-符號 折疊打開代碼塊
Ctrl+Enter 在當(dāng)前行下邊插入一行
Ctrl+Shift+Enter 在當(dāng)前行上方插入一行
Ctrl+D 下一個匹配的也被選中,被我自定義成刪除當(dāng)前行了

快速開始編寫html的方法:

  1. 在html文件第一行輸入!
  2. 光標(biāo)移到!后噪珊,按tag鍵

跳轉(zhuǎn)導(dǎo)航

快捷鍵 作用
Ctrl+Tab谤职,Alt+Left饰豺,Alt+Right 歷史打開文件之間切換
Ctrl+E/Ctrl +P 列出最近打開過的文件,輸入文件名允蜈,即可打開該文件
Ctrl+G或在命令面板中輸入:冤吨,再輸入行數(shù) 跳轉(zhuǎn)至該文件的相應(yīng)行

跳轉(zhuǎn)導(dǎo)航

快捷鍵 作用
Home 移動到行首
End 移動到行尾
Ctrl+End 移動到文件結(jié)尾
Ctrl+Home 移動到文件開頭
Ctrl+Shift+] 移動到后半個括號
Ctrl+i/雙擊左鍵 選中當(dāng)前行
Shift+End 選擇從光標(biāo)到行尾
Shift+Home 選擇從行首到光標(biāo)處
Alt+Click添加cursor/Ctrl+Alt+Down 或 Ctrl+Alt+Up Multi-Cursor多重選擇:可以連續(xù)選擇多處,然后一起修改
Ctrl+Shift+L 選擇所有找到的查找匹配項

重構(gòu)代碼

快捷鍵 作用
F12/Ctrl+鼠標(biāo)左鍵 跳轉(zhuǎn)到定義處
Alt+F12 定義處縮略圖:只看一眼而不跳轉(zhuǎn)過去
Shift+F12 列出所有的引用
Ctrl+F12 同時修改本文件中所有匹配
選中一個方法名后按F2,輸入新的名字,回車 方法重命名,把所有的文件都修改
當(dāng)有多個錯誤時饶套,按F8逐個跳轉(zhuǎn) 跳轉(zhuǎn)到下一個Error或Warning
選擇第一個文件漩蟆,右鍵單擊,選擇“Select for Compare” 代碼差分/查看diff

查找替換

快捷鍵 作用
Ctrl+F 文件內(nèi)查找
Ctrl+H 文件內(nèi)替換
Ctrl+Shift+F 整個文件夾中查找

顯示相關(guān)

快捷鍵 作用
F11 全屏
Ctrl + =/Ctrl + - 整體放大縮小
Ctrl+B 側(cè)邊欄顯/隱
Ctrl+Shift+V 預(yù)覽markdown

編輯器與窗口管理

快捷鍵 作用
Ctrl+Shift+N 打開一個新窗口
Ctrl+Shift+W 關(guān)閉窗口
Ctrl+N 新建文件
Ctrl+\或Ctrl鼠標(biāo)點擊Explorer里的文件名 切出一個新的編輯器(最多3個)
Ctrl+1/Ctrl+2/Ctrl+3 左中右3個編輯器的快捷鍵
Ctrl+` 3個編輯器之間循環(huán)切換

自定義代碼段

  1. 文件->首選項->用戶自定義片段
  2. 然后輸入語言,例如我這里輸入typescript
  3. 例如自定義一個箭頭函數(shù)
"arrow function": {
  "prefix":"func",
  "body": [
    "(${e}) => {$1}"
  ],
  "description":"arrow function"
}

保存后妓蛮,下次輸入func的時候就會自動出來箭頭函數(shù)了

image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末怠李,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子蛤克,更是在濱河造成了極大的恐慌扔仓,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,378評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件咖耘,死亡現(xiàn)場離奇詭異翘簇,居然都是意外死亡,警方通過查閱死者的電腦和手機儿倒,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,970評論 3 399
  • 文/潘曉璐 我一進店門版保,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人夫否,你說我怎么就攤上這事彻犁。” “怎么了凰慈?”我有些...
    開封第一講書人閱讀 168,983評論 0 362
  • 文/不壞的土叔 我叫張陵汞幢,是天一觀的道長。 經(jīng)常有香客問我微谓,道長森篷,這世上最難降的妖魔是什么输钩? 我笑而不...
    開封第一講書人閱讀 59,938評論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮仲智,結(jié)果婚禮上买乃,老公的妹妹穿的比我還像新娘。我一直安慰自己钓辆,他們只是感情好剪验,可當(dāng)我...
    茶點故事閱讀 68,955評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著前联,像睡著了一般功戚。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上似嗤,一...
    開封第一講書人閱讀 52,549評論 1 312
  • 那天疫铜,我揣著相機與錄音,去河邊找鬼双谆。 笑死壳咕,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的顽馋。 我是一名探鬼主播谓厘,決...
    沈念sama閱讀 41,063評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼寸谜!你這毒婦竟也來了竟稳?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,991評論 0 277
  • 序言:老撾萬榮一對情侶失蹤熊痴,失蹤者是張志新(化名)和其女友劉穎他爸,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體果善,經(jīng)...
    沈念sama閱讀 46,522評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡诊笤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,604評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了巾陕。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片讨跟。...
    茶點故事閱讀 40,742評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖鄙煤,靈堂內(nèi)的尸體忽然破棺而出晾匠,到底是詐尸還是另有隱情,我是刑警寧澤梯刚,帶...
    沈念sama閱讀 36,413評論 5 351
  • 正文 年R本政府宣布凉馆,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏澜共。R本人自食惡果不足惜向叉,卻給世界環(huán)境...
    茶點故事閱讀 42,094評論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望咳胃。 院中可真熱鬧植康,春花似錦旷太、人聲如沸展懈。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,572評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽存崖。三九已至,卻和暖如春睡毒,著一層夾襖步出監(jiān)牢的瞬間来惧,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,671評論 1 274
  • 我被黑心中介騙來泰國打工演顾, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留供搀,地道東北人。 一個月前我還...
    沈念sama閱讀 49,159評論 3 378
  • 正文 我出身青樓钠至,卻偏偏與公主長得像葛虐,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子棉钧,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,747評論 2 361

推薦閱讀更多精彩內(nèi)容