一、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