vscode常用快捷鍵、前端快捷鍵及字符補全方法

常用快捷鍵

常用快捷鍵

編輯器與窗口管理
打開一個新窗口: Ctrl+Shift+N
關閉窗口: Ctrl+Shift+W
同時打開多個編輯器(查看多個文件)
新建文件 Ctrl+N
文件之間切換 Ctrl+Tab
切出一個新的編輯器(最多 3 個) Ctrl+\,也可以按住 Ctrl 鼠標點擊 Explorer 裏的文件名
左中右 3 個編輯器的快捷鍵 Ctrl+1 Ctrl+2 Ctrl+3
3 個編輯器之間循環切換 Ctrl+
編輯器換位置, Ctrl+k然後按 Left或 Right
代碼編輯
格式調整
代碼行縮進 Ctrl+[ 、 Ctrl+]
Ctrl+C 、 Ctrl+V 複製或剪切當前行/當前選中內容
代碼格式化: Shift+Alt+F,或 Ctrl+Shift+P 後輸入 format code
上下移動一行: Alt+Up 或 Alt+Down
向上向下複製一行: Shift+Alt+Up 或 Shift+Alt+Down
在當前行下邊插入一行 Ctrl+Enter
在當前行上方插入一行 Ctrl+Shift+Enter
光標相關
移動到行首: Home
移動到行尾: End
移動到文件結尾: Ctrl+End
移動到文件開頭: Ctrl+Home
移動到定義處: F12
定義處縮略圖:只看一眼而不跳轉過去 Alt+F12
移動到後半個括號: Ctrl+Shift+]
選擇從光標到行尾: Shift+End
選擇從行首到光標處: Shift+Home
刪除光標右側的所有字: Ctrl+Delete
擴展/縮小選取範圍: Shift+Alt+Left 和 Shift+Alt+Right
多行編輯(列編輯):Alt+Shift+鼠標左鍵,Ctrl+Alt+Down/Up
同時選中所有匹配: Ctrl+Shift+L
Ctrl+D 下一個匹配的也被選中 (在 sublime 中是刪除當前行,後面自定義快鍵鍵中,設置與 Ctrl+Shift+K 互換了)
回退上一個光標操作: Ctrl+U
重構代碼
找到所有的引用: Shift+F12
同時修改本文件中所有匹配的: Ctrl+F12
重命名:比如要修改一個方法名,可以選中後按 F2,輸入新的名字,回車,會發現所有的文件都修改了
跳轉到下一個 Error 或 Warning:當有多個錯誤時可以按 F8 逐個跳轉
查看 diff: 在 explorer 裏選擇文件右鍵 Set file to compare,然後需要對比的文件上右鍵選擇 Compare with file_name_you_chose
查找替換
查找 Ctrl+F
查找替換 Ctrl+H
整個文件夾中查找 Ctrl+Shift+F
顯示相關
全屏:F11
zoomIn/zoomOut:Ctrl +/-
側邊欄顯/隱:Ctrl+B
顯示資源管理器 Ctrl+Shift+E
顯示搜索 Ctrl+Shift+F
顯示 Git Ctrl+Shift+G
顯示 Debug Ctrl+Shift+D
顯示 Output Ctrl+Shift+U

前端開發必備插件

PostCSS Sorting
stylelint
stylefmt
ESLint
javascript standard format
beautify
Babel ES6/ES7
Debugger for Chrome
Add jsdoc comments
javascript(ES6) code snippets
vue
weex
Reactjs code snippets
React Native Tools
Npm Intellisense
Instant Markdown
Markdown Shortcuts
TextTransform

Vscode 前端快捷鍵及字符補全方法

快捷鍵的使用

快捷鍵	說明
Tab	補全代碼
Alt + Tab	切換windows窗口
Ctrl + A	選擇全部代碼
Ctrl + C	複製
Ctrl + V	粘貼
Ctrl + X	剪切
Ctrl + Z	返回上一次操作
Ctrl + F	查找
Ctrl + /	添加或取消註釋
Ctrl + + / -	放大/縮小
Ctrl + F1	打開瀏覽器
F12	瀏覽器中爲啓用調試模式
F11	瀏覽器中爲全屏
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章