vscode: Visual Studio Code 常用快捷鍵

原文章地址:?vscode: Visual Studio Code 常用快捷鍵

官方快捷鍵說明:Key Bindings for Visual Studio Code

?

主命令框

F1?或?Ctrl+Shift+P: 打開命令面板。在打開的輸入框內,可以輸入任何命令,例如:

  • 按一下?Backspace?會進入到?Ctrl+P?模式
  • 在?Ctrl+P?下輸入?>?可以進入?Ctrl+Shift+P?模式

在?Ctrl+P?窗口下還可以:

  • 直接輸入文件名,跳轉到文件
  • ??列出當前可執行的動作
  • !?顯示?Errors或?Warnings,也可以?Ctrl+Shift+M
  • :?跳轉到行數,也可以?Ctrl+G?直接進入
  • @?跳轉到?symbol(搜索變量或者函數),也可以?Ctrl+Shift+O?直接進入
  • @?根據分類跳轉?symbol,查找屬性或函數,也可以?Ctrl+Shift+O?后輸入:進入
  • #?根據名字查找?symbol,也可以?Ctrl+T

常用快捷鍵

編輯器與窗口管理

  1. 打開一個新窗口:?Ctrl+Shift+N
  2. 關閉窗口:?Ctrl+Shift+W
  3. 同時打開多個編輯器(查看多個文件)
  4. 新建文件?Ctrl+N
  5. 文件之間切換?Ctrl+Tab
  6. 切出一個新的編輯器(最多?3?個)?Ctrl+\,也可以按住?Ctrl?鼠標點擊?Explorer?里的文件名
  7. 左中右?3?個編輯器的快捷鍵?Ctrl+1?Ctrl+2?Ctrl+3
  8. 3?個編輯器之間循環切換?Ctrl+
  9. 編輯器換位置,?Ctrl+k然后按?Left或?Right

代碼編輯

格式調整

  1. 代碼行縮進?Ctrl+[?、?Ctrl+]
  2. Ctrl+C?、?Ctrl+V?復制或剪切當前行/當前選中內容
  3. 代碼格式化:?Shift+Alt+F,或?Ctrl+Shift+P?后輸入?format code
  4. 上下移動一行:?Alt+Up?或?Alt+Down
  5. 向上向下復制一行:?Shift+Alt+Up?或?Shift+Alt+Down
  6. 在當前行下邊插入一行?Ctrl+Enter
  7. 在當前行上方插入一行?Ctrl+Shift+Enter

光標相關

  1. 移動到行首:?Home
  2. 移動到行尾:?End
  3. 移動到文件結尾:?Ctrl+End
  4. 移動到文件開頭:?Ctrl+Home
  5. 移動到定義處:?F12
  6. 定義處縮略圖:只看一眼而不跳轉過去?Alt+F12
  7. 移動到后半個括號:?Ctrl+Shift+]
  8. 選擇從光標到行尾:?Shift+End
  9. 選擇從行首到光標處:?Shift+Home
  10. 刪除光標右側的所有字:?Ctrl+Delete
  11. 擴展/縮小選取范圍:?Shift+Alt+Left?和?Shift+Alt+Right
  12. 多行編輯(列編輯):Alt+Shift+鼠標左鍵Ctrl+Alt+Down/Up
  13. 同時選中所有匹配:?Ctrl+Shift+L
  14. Ctrl+D?下一個匹配的也被選中 (在 sublime 中是刪除當前行,后面自定義快鍵鍵中,設置與?Ctrl+Shift+K?互換了)
  15. 回退上一個光標操作:?Ctrl+U

重構代碼

  1. 找到所有的引用:?Shift+F12
  2. 同時修改本文件中所有匹配的:?Ctrl+F12
  3. 重命名:比如要修改一個方法名,可以選中后按?F2,輸入新的名字,回車,會發現所有的文件都修改了
  4. 跳轉到下一個?Error?或?Warning:當有多個錯誤時可以按?F8?逐個跳轉
  5. 查看?diff: 在?explorer?里選擇文件右鍵?Set file to compare,然后需要對比的文件上右鍵選擇?Compare with file_name_you_chose

查找替換

  1. 查找?Ctrl+F
  2. 查找替換?Ctrl+H
  3. 整個文件夾中查找?Ctrl+Shift+F

顯示相關

  1. 全屏:F11
  2. zoomIn/zoomOut:Ctrl +/-
  3. 側邊欄顯/隱:Ctrl+B
  4. 顯示資源管理器?Ctrl+Shift+E
  5. 顯示搜索?Ctrl+Shift+F
  6. 顯示 Git?Ctrl+Shift+G
  7. 顯示 Debug?Ctrl+Shift+D
  8. 顯示 Output?Ctrl+Shift+U

其他

  • 自動保存:File -> AutoSave?,或者?Ctrl+Shift+P,輸入?auto

修改默認快捷鍵

打開默認鍵盤快捷方式設置:
File -> Preferences -> Keyboard Shortcuts,或者:Alt+F -> p -> k

修改?keybindings.json

// Place your key bindings in this file to overwrite the defaults
[// ctrl+space 被切換輸入法快捷鍵占用{"key": "ctrl+alt+space","command": "editor.action.triggerSuggest","when": "editorTextFocus"},// ctrl+d 刪除一行{"key": "ctrl+d","command": "editor.action.deleteLines","when": "editorTextFocus"},// 與刪除一行的快捷鍵互換{"key": "ctrl+shift+k","command": "editor.action.addSelectionToNextFindMatch","when": "editorFocus"},// ctrl+shift+/多行注釋{"key":"ctrl+shift+/","command": "editor.action.blockComment","when": "editorTextFocus"},// 定制與 sublime 相同的大小寫轉換快捷鍵,需安裝 TextTransform 插件{"key": "ctrl+k ctrl+u","command": "uppercase","when": "editorTextFocus"},{"key": "ctrl+k ctrl+l","command": "lowercase","when": "editorTextFocus"}
]

前端開發必備插件

  • 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 自定義配置參考:

{"editor.fontSize": 18,"files.associations": {"*.es": "javascript","*.es6": "javascript"},// 控制編輯器是否應呈現空白字符"editor.renderWhitespace": true,// 啟用后,將在保存文件時剪裁尾隨空格。"files.trimTrailingWhitespace": true,// File extensions that can be beautified as javascript or JSON."beautify.JSfiles": ["","es","es6","js","json","jsbeautifyrc","jshintrc"]
}

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/249233.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/249233.shtml
英文地址,請注明出處:http://en.pswp.cn/news/249233.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

HTML5概要與新增標簽

一、HTML5概要 1.1、為什么需要HTML5 HTML4陳舊不能滿足日益發展的互聯網需要,特別是移動互聯網。為了增強瀏覽器功能Flash被廣泛使用,但安全與穩定堪憂,不適合在移動端使用(耗電、觸摸、不開放)。 HTML5增強了瀏覽器的…

Tomcat啟動失敗錯誤解決Could not publish server configuration for Tomcat v8.0 Server at localhost....

這個問題本質是我們有多個重名項目,為什么我們會有多個重名項目,其實一般都是我們刪除以前的項目,然后再把它重新導進eclipse時以前的項目刪除不徹底造成的,以前的項目在"Servers"里面的"server.xml"文件下的…

二叉樹特性及證明

https://blog.csdn.net/jun2016425/article/details/54581407

Mock.js 和Node.js詳細講解

????原文地址:http://www.manongjc.com/article/10503.html 《一統江湖的大前端》系列是自己的前端學習筆記,旨在介紹javascript在非網頁開發領域的應用案例和發現各類好玩的js庫,不定期更新。如果你對前端的理解還是寫寫頁面綁綁事件&am…

架構圖

負載均衡 分布式 轉載于:https://www.cnblogs.com/jiqing9006/p/10672280.html

網絡操作系統P12頁答案

1.什么是網絡操作系統?網絡操作系統具有哪些基本功能?網絡操作系統:專門為網絡用戶提供操作接口的系統軟件,除了管理計算機的軟件和硬件資源具備單機操作系統,并且為網絡用戶提供各種網絡服務。當然網絡操作系統不僅要…

如何將存儲在MongoDB數據庫中的數據導出到Excel中?

將MongoDB數據庫中的數據導出到Excel中,只需以下幾個步驟: (1)首先,打開MongoDB安裝目錄下的bin文件夾,(C:\Program Files (x86)\MongoDB\Server\3.2\bin);此處視個人安裝…

vue 項目初始化時,npm run dev報錯解決方法

錯誤如下: npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! travel1.0.0 dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.js npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the travel1.0.0 dev script. npm ERR…

JDK源碼分析

https://www.jianshu.com/p/f1f1f14e7fbe

VSCode 初次寫vue項目并一鍵生成.vue模版

1.安裝vscode 官網地址:https://code.visualstudio.com/2.安裝一個插件,識別vue文件 插件庫中搜索Vetur,下圖中的第一個,點擊安裝,安裝完成之后點擊重新加載微信圖片_20180723174649.png 3.新建代碼片段 文件-->…

文本聊天室(TCP-中)

開始我們今天的代碼實現,我們接著上一回,上回實現了服務器的代碼這次實現客戶端的UI(界面)層, 我們界面層采用javafx來進行繪制,首先有個登錄服務器的界面然后切換到聊天界面運行結果如下.源代碼如下: 1 package jffx.blogs.net;2 3 import javafx.appli…

Oracle 查詢庫中所有表名、字段名、字段名說明,查詢表的數據條數、表名、中文表名...

查詢所有表名:select t.table_name from user_tables t;查詢所有字段名:select t.column_name from user_col_comments t;查詢指定表的所有字段名:select t.column_name from user_col_comments t where t.table_name BIZ_DICT_XB;查詢指定表…

lucene原理

https://www.jianshu.com/p/0cfe042412a2

電商網站前端架構 學習筆記(全是干貨)

1:前端架構的基本知識 1: 前端工程師必須會的一些技能 前端工程師基本技能圖.PNG 2: 前端架構基本知識 什么是前端架構? 每個人對每個架構有不同的認識和一些想法。沒有一個架構是完美的,只有一個架構是不是適合你的。哪個個架構符合你的需求的時候&#xff0c…

愛好-摩托車:鈴木

ylbtech-愛好-摩托車:鈴木1.返回頂部 2.返回頂部3.返回頂部4.返回頂部5.返回頂部 1、http://www.suzuki-china.com/motor/2、6.返回頂部作者:ylbtech出處:http://ylbtech.cnblogs.com/本文版權歸作者和博客園共有,歡迎轉載&#x…

Unable to preventDefault inside passive event listener

轉自:https://segmentfault.com/a/1190000008512184 測試: body {margin: 0;height: 2000px;background: linear-gradient(to bottom, red, green); }// 在 chrome56 中,照樣滾動,而且控制臺會有提示,blablabla window…

thymeleaf 中文文檔

https://raledong.gitbooks.io/using-thymeleaf/content/

vue面試題,知識點匯總(有答案)

一. Vue核心小知識點 1、vue中 key 值的作用 key 的特殊屬性主要用在 Vue的虛擬DOM算法,在新舊nodes對比時辨識VNodes。如果不使用key,Vue會使用一種最大限度減少動態元素并且盡可能的嘗試修復/再利用相同類型元素的算法。使用key,它會基于…

EF中Take和Skip的區別

以例子來說明: 數據庫中Orders表如下: 代碼部分: 運行結果: 可以看出:Take()方法的作用是從查詢結果中提取前n個結果;而Skip()方法則是跳過前n個結果,返回剩余的結果。轉載于:https://www.cnblo…

最短路徑次短路徑算法

容易理解:https://blog.csdn.net/m0_37345402/article/details/76695930 https://blog.csdn.net/qq_36386435/article/details/77403223 https://blog.csdn.net/u011815404/article/details/80441443轉載于:https://www.cnblogs.com/genggeng/p/9810316.html