VS Code 的常用快捷鍵和插件

一、vs code 的常用快捷鍵

1、注釋:

a) 單行注釋:[ctrl+k,ctrl+c] 或 ctrl+/

b) 取消單行注釋:[ctrl+k,ctrl+u] (按下ctrl不放仑撞,再按k + u)

c) 多行注釋:[alt+shift+A]

d) 多行注釋:/**

2、移動行:alt+up/down

3、顯示/隱藏左側(cè)目錄欄 ctrl + b

4、復制當前行:shift + alt +up/down

5敦间、刪除當前行:shift + ctrl + k

6、控制臺終端顯示與隱藏:ctrl + ~

7束铭、查找文件/安裝vs code 插件地址:ctrl + p

8廓块、代碼格式化:shift + alt +f

9、新建一個窗口 : ctrl + shift + n

10契沫、行增加縮進: ctrl + [

11带猴、行減少縮進: ctrl + ]

12、裁剪尾隨空格(去掉一行的末尾那些沒用的空格) : ctrl + shift + x

13懈万、字體放大/縮小: ctrl + ( + 或 - )

14拴清、拆分編輯器 : ctrl + 1/2/3

15靶病、切換窗口 : ctrl + shift + left/right

16、關(guān)閉編輯器窗口 : ctrl + w

17贷掖、關(guān)閉所有窗口 : ctrl + k + w

18嫡秕、切換全屏 : F11

19渴语、自動換行 : alt + z

20苹威、顯示git : ctrl + shift + g

21、全局查找文件:ctrl + shift + f

22驾凶、顯示相關(guān)插件的命令(如:git log):ctrl + shift + p

23牙甫、選中文字:shift + left / right / up / down

24、折疊代碼: ctrl + k + 0-9 (0是完全折疊)

25调违、展開代碼: ctrl + k + j (完全展開代碼)

26窟哺、刪除行 : ctrl + shift + k

27、快速切換主題:ctrl + k / ctrl + t

28技肩、快速回到頂部 : ctrl + home

29且轨、快速回到底部 : ctrl + end

30、格式化選定代碼 :ctrl + k / ctrl +f

#二虚婿、vs code 的常用插件

1旋奢、Auto Rename Tag 修改html標簽,自動幫你完成尾部閉合標簽的同步修改然痊,和webstorm一樣至朗。

2、Auto Close Tag 自動閉合HTML標簽

4剧浸、Beautiful 格式化代碼的工具

5锹引、Dash Dash是MacOS的API文檔瀏覽器和代碼段管理器

6、Ejs Snippets ejs 代碼提示

7唆香、ESLint 檢查javascript語法錯誤與提示

8嫌变、File Navigator 快速查找文件

9、Git History(git log) 查看git log

10躬它、Gulp Snippets 寫gulp時用到腾啥,gulp語法提示。

11虑凛、HTML CSS Support 在HTML標簽上寫class智能提示當前項目所支持的樣式

12碑宴、HTML Snippets 超級好用且初級的H5代碼片段以及提示

13、Debug for Chrome 讓vs code映射chrome的debug功能桑谍,靜態(tài)頁面都可以用vscode來打斷點調(diào)試延柠、配飾稍微復雜一點

14、Document this Js的注釋模板

15锣披、jQuery Code Snippets jquery提示工具

16贞间、Html2jade html模板轉(zhuǎn)pug模板

17贿条、JS-CSS-HTML Formatter 格式化

18、Npm intellisense require 時的包提示工具

19增热、Open in browser 打開默認瀏覽器

20整以、One Dark Theme 一個vs code的主題

21、Path Intellisense 自動路徑補全峻仇、默認不帶這個功能

22公黑、Project Manager 多個項目之間快速切換的工具

23、Pug(Jade) snippets pug語法提示

24摄咆、React Components 根據(jù)文件名創(chuàng)建反應組件代碼凡蚜。

25、React Native Tools reactNative工具類為React Native項目提供了開發(fā)環(huán)境吭从。

26朝蜘、Stylelint css/sass代碼審查

27、Typings auto installer 安裝vscode 的代碼提示依賴庫涩金,基于typtings的

28谱醇、View In Browser  默認瀏覽器查看HTML文件(快捷鍵Ctrl+F1可以修改)

29、Vscode-icons 讓vscode資源目錄加上圖標步做、必備

30副渴、VueHelper Vue2代碼段(包括Vue2 api、vue-router2辆床、vuex2)

31佳晶、Vue 2 Snippets vue必備vue代碼提示

32、Vue-color vue語法高亮主題

33讼载、Auto-Open Markdown Preview markdown文件自動開啟預覽

34轿秧、EverMonkey 印象筆記

35、atom one dark atom的一個高亮主題(個人推薦)

#三咨堤、常用的電腦快捷鍵

1菇篡、ctrl + shift + delete 快速清除瀏覽器緩存

2、ctrl + alt + delete 快速進入任務管理器頁面

3一喘、window + L 快速鎖定電腦

4驱还、window + d 所有窗口最小化

5、 window + e 打開我的資源管理器(我的電腦)

6凸克、 window + f 快速打開搜索窗口

7议蟆、 alt + tab 快速查看打開的應用與窗口

#VS Code 快捷鍵(中英文對照版)

常用 General

按 Press 功能 Function
Ctrl + Shift + P,F(xiàn)1 顯示命令面板 Show Command Palette
Ctrl + P 快速打開 Quick Open
Ctrl + Shift + N 新窗口/實例 New window/instance
Ctrl + Shift + W 關(guān)閉窗口/實例 Close window/instance

基礎(chǔ)編輯 Basic editing

按 Press 功能 Function
Ctrl+X 剪切行(空選定) Cut line (empty selection)
Ctrl+C 復制行(空選定) Copy line (empty selection)

Alt+ ↑ / ↓ 向上/向下移動行 Move line up/down

Shift+Alt + ↓ / ↑ 向上/向下復制行 Copy line up/down

Ctrl+Shift+K 刪除行 Delete line

Ctrl+Enter 在下面插入行 Insert line below

Ctrl+Shift+Enter 在上面插入行 Insert line above

Ctrl+Shift+\ 跳到匹配的括號 Jump to matching bracket

Ctrl+] / [ 縮進/縮進行 Indent/outdent line

Home 轉(zhuǎn)到行首 Go to beginning of line

End 轉(zhuǎn)到行尾 Go to end of line

Ctrl+Home 轉(zhuǎn)到文件開頭 Go to beginning of file

Ctrl+End 轉(zhuǎn)到文件末尾 Go to end of file

Ctrl+↑ / ↓ 向上/向下滾動行 Scroll line up/down

Alt+PgUp / PgDown 向上/向下滾動頁面 Scroll page up/down

Ctrl+Shift+[ 折疊(折疊)區(qū)域 Fold (collapse) region

Ctrl+Shift+] 展開(未折疊)區(qū)域 Unfold (uncollapse) region

Ctrl+K Ctrl+[ 折疊(未折疊)所有子區(qū)域 Fold (collapse) all subregions

Ctrl+K Ctrl+] 展開(未折疊)所有子區(qū)域 Unfold (uncollapse) all subregions

Ctrl+K Ctrl+0 折疊(折疊)所有區(qū)域 Fold (collapse) all regions

Ctrl+K Ctrl+J 展開(未折疊)所有區(qū)域 Unfold (uncollapse) all regions

Ctrl+K Ctrl+C 添加行注釋 Add line comment

Ctrl+K Ctrl+U 刪除行注釋 Remove line comment

Ctrl+/ 切換行注釋 Toggle line comment

Shift+Alt+A 切換塊注釋 Toggle block comment

Alt+Z 切換換行 Toggle word wrap

導航 Navigation

按 Press 功能 Function

Ctrl + T 顯示所有符號 Show all Symbols

Ctrl + G 轉(zhuǎn)到行... Go to Line...

Ctrl + P 轉(zhuǎn)到文件... Go to File...

Ctrl + Shift + O 轉(zhuǎn)到符號... Go to Symbol...

Ctrl + Shift + M 顯示問題面板 Show Problems panel

F8 轉(zhuǎn)到下一個錯誤或警告 Go to next error or warning

Shift + F8 轉(zhuǎn)到上一個錯誤或警告 Go to previous error or warning

Ctrl + Shift + Tab 導航編輯器組歷史記錄 Navigate editor group history

Alt + ←/→ 返回/前進 Go back / forward

Ctrl + M 切換選項卡移動焦點 Toggle Tab moves focus

搜索和替換 Search and replace

按 Press 功能 Function

Ctrl + F 查找 Find

Ctrl + H 替換 Replace

F3 / Shift + F3 查找下一個/上一個 Find next/previous

Alt + Enter 選擇查找匹配的所有出現(xiàn) Select all occurences of Find match

Ctrl + D 將選擇添加到下一個查找匹配 Add selection to next Find match

Ctrl + K Ctrl + D 將最后一個選擇移至下一個查找匹配項 Move last selection to next Find match

Alt + C / R / W 切換區(qū)分大小寫/正則表達式/整個詞 Toggle case-sensitive / regex / whole word

多光標和選擇 Multi-cursor and selection

按 Press 功能 Function

Alt +單擊 插入光標 Insert cursor

Ctrl + Alt +↑/↓ 在上/下插入光標 Insert cursor above / below

Ctrl + U 撤消上一個光標操作 Undo last cursor operation

Shift + Alt + I 在選定的每一行的末尾插入光標 Insert cursor at end of each line selected

Ctrl + I 選擇當前行 Select current line

Ctrl + Shift + L 選擇當前選擇的所有出現(xiàn) Select all occurrences of current selection

Ctrl + F2 選擇當前字的所有出現(xiàn) Select all occurrences of current word

Shift + Alt + → 展開選擇 Expand selection

Shift + Alt + ← 縮小選擇 Shrink selection

Shift + Alt + (拖動鼠標) 列(框)選擇 Column (box) selection

Ctrl + Shift + Alt +(箭頭鍵) 列(框)選擇 Column (box) selection

Ctrl + Shift + Alt + PgUp / PgDown 列(框)選擇頁上/下 Column (box) selection page up/down

豐富的語言編輯 Rich languages editing

按 Press 功能 Function

Ctrl + 空格 觸發(fā)建議 Trigger suggestion

Ctrl + Shift + Space 觸發(fā)器參數(shù)提示 Trigger parameter hints

Tab Emmet 展開縮寫 Emmet expand abbreviation

Shift + Alt + F 格式化文檔 Format document

Ctrl + K Ctrl + F 格式選定區(qū)域 Format selection

F12 轉(zhuǎn)到定義 Go to Definition

Alt + F12 Peek定義 Peek Definition

Ctrl + K F12 打開定義到邊 Open Definition to the side

Ctrl + . 快速解決 Quick Fix

Shift + F12 顯示引用 Show References

F2 重命名符號 Rename Symbol

Ctrl + Shift + . /萎战, 替換為下一個/上一個值 Replace with next/previous value

Ctrl + K Ctrl + X 修剪尾隨空格 Trim trailing whitespace

Ctrl + K M 更改文件語言 Change file language

編輯器管理 Editor management

按 Press 功能 Function

Ctrl+F4, Ctrl+W 關(guān)閉編輯器 Close editor

Ctrl+K F 關(guān)閉文件夾 Close folder

Ctrl+\ 拆分編輯器 Split editor

Ctrl+ 1 / 2 / 3 聚焦到第1咐容,第2或第3編輯器組 Focus into 1st, 2nd or 3rd editor group

Ctrl+K Ctrl+ ←/→ 聚焦到上一個/下一個編輯器組 Focus into previous/next editor group

Ctrl+Shift+PgUp / PgDown 向左/向右移動編輯器 Move editor left/right

Ctrl+K ← / → 移動活動編輯器組 Move active editor group

文件管理 File management

按 Press 功能 Function

Ctrl+N 新文件 New File

Ctrl+O 打開文件... Open File...

Ctrl+S 保存 Save

Ctrl+Shift+S 另存為... Save As...

Ctrl+K S 全部保存 Save All

Ctrl+F4 關(guān)閉 Close

Ctrl+K Ctrl+W 關(guān)閉所有 Close All

Ctrl+Shift+T 重新打開關(guān)閉的編輯器 Reopen closed editor

Ctrl+K 輸入保持打開 Enter Keep Open

Ctrl+Tab 打開下一個 Open next

Ctrl+Shift+Tab 打開上一個 Open previous

Ctrl+K P 復制活動文件的路徑 Copy path of active file

Ctrl+K R 顯示資源管理器中的活動文件 Reveal active file in Explorer

Ctrl+K O 顯示新窗口/實例中的活動文件 Show active file in new window/instance

顯示 Display

按 Press 功能 Function

F11 切換全屏 Toggle full screen

Shift+Alt+1 切換編輯器布局 Toggle editor layout

Ctrl+ = / - 放大/縮小 Zoom in/out

Ctrl+B 切換側(cè)欄可見性 Toggle Sidebar visibility

Ctrl+Shift+E 顯示瀏覽器/切換焦點 Show Explorer / Toggle focus

Ctrl+Shift+F 顯示搜索 Show Search

Ctrl+Shift+G 顯示Git Show Git

Ctrl+Shift+D 顯示調(diào)試 Show Debug

Ctrl+Shift+X 顯示擴展 Show Extensions

Ctrl+Shift+H 替換文件 Replace in files

Ctrl+Shift+J 切換搜索詳細信息 Toggle Search details

Ctrl+Shift+C 打開新命令提示符/終端 Open new command prompt/terminal

Ctrl+Shift+U 顯示輸出面板 Show Output panel

Ctrl+Shift+V 切換Markdown預覽 Toggle Markdown preview

Ctrl+K V 從旁邊打開Markdown預覽 Open Markdown preview to the side

調(diào)試 Debug

按 Press 功能 Function

F9 切換斷點 Toggle breakpoint

F5 開始/繼續(xù) Start/Continue

Shift+F5 停止 Stop

F11 / Shift+F11 下一步/上一步 Step into/out F10 跳過 Step over

Ctrl+K Ctrl+I 顯示懸停 Show hover

集成終端 Integrated terminal

按 Press 功能 Function

Ctrl+` 顯示集成終端 Show integrated terminal

Ctrl+Shift+` 創(chuàng)建新終端 Create new terminal

Ctrl+Shift+C 復制選定 Copy selection

Ctrl+Shift+V 粘貼到活動端子 Paste into active terminal

Ctrl+↑ / ↓ 向上/向下滾動 Scroll up/down

Shift+PgUp / PgDown 向上/向下滾動頁面 Scroll page up/down

Ctrl+Home / End 滾動到頂部/底部 Scroll to top/bottom

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市蚂维,隨后出現(xiàn)的幾起案子戳粒,更是在濱河造成了極大的恐慌路狮,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蔚约,死亡現(xiàn)場離奇詭異奄妨,居然都是意外死亡,警方通過查閱死者的電腦和手機苹祟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門砸抛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人苔咪,你說我怎么就攤上這事锰悼。” “怎么了团赏?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長耐薯。 經(jīng)常有香客問我舔清,道長,這世上最難降的妖魔是什么曲初? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任体谒,我火速辦了婚禮,結(jié)果婚禮上臼婆,老公的妹妹穿的比我還像新娘抒痒。我一直安慰自己,他們只是感情好颁褂,可當我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布故响。 她就那樣靜靜地躺著,像睡著了一般颁独。 火紅的嫁衣襯著肌膚如雪彩届。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天誓酒,我揣著相機與錄音樟蠕,去河邊找鬼。 笑死靠柑,一個胖子當著我的面吹牛寨辩,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播歼冰,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼靡狞,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了停巷?” 一聲冷哼從身側(cè)響起耍攘,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤榕栏,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后蕾各,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體扒磁,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年式曲,在試婚紗的時候發(fā)現(xiàn)自己被綠了妨托。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡吝羞,死狀恐怖兰伤,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情钧排,我是刑警寧澤敦腔,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站恨溜,受9級特大地震影響符衔,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜糟袁,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一判族、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧项戴,春花似錦形帮、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至则吟,卻和暖如春槐臀,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背氓仲。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工水慨, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人敬扛。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓晰洒,卻偏偏與公主長得像,于是被迫代替她去往敵國和親啥箭。 傳聞我的和親對象是個殘疾皇子谍珊,可洞房花燭夜當晚...
    茶點故事閱讀 42,877評論 2 345

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