VSCode 常用快捷鍵和常用插件及通用設置


https://code.visualstudio.com/docs?start=true

一、常用快捷鍵:參考:https://blog.csdn.net/liwan09/article/details/81775753

Ctrl+K+S:顯示並搜索鍵盤快捷鍵;

Ctrl+Shift+Tab:導航編輯器組歷史紀錄;

Alt+ ← / →:導航后退/前進;

Ctrl+Shift+\:跳轉到匹配的括號;

Ctrl+↑ / ↓:上下滾動行(光標不動);

Ctrl + \:拆分編輯器;

Alt+PgUp / PgDn:上下翻頁;

alt+up/down: 移動行;

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

alt + shift + right:選擇一塊代碼;

shift + ctrl + k:刪除當前行;

ctrl + ~:控制台終端顯示/隱藏;

雙擊變量,Ctrl + F2:變量替換;

Shift + F12:顯示引用;

Ctrl + Del:刪除當前光標之后的內容;

Ctrl + + 或者 - :字體放大或縮小;

Ctrl+K+0: 折疊所有區域;

Ctrl+K+J:展開所有區域;

ctrl + F:當前文件替換;

ctrl + H:當前文件替換;

ctrl + shift + h:全局替換;

ctrl + shift + t:重新打開關閉的頁面;

Ctrl+Shift+O:轉到函數;

ctrl + r:打開最近打開的文件;

Ctrl+Shift+N:新窗口;

Ctrl+Shift+W:關閉窗口;

ctrl + shift + c:打開新的命令窗;

Shift + Alt + F:代碼格式化;

Shift + Alt + A 或者 /**   :塊注釋;

Ctrl + B:顯示/隱藏左面板;

Ctrl + ~:顯示/隱藏命令行;

Ctrl + ~:顯示/隱藏命令行;

Ctrl + Shift + F:在左邊面板中搜索;

ctrl + shift + g:顯示git面板;

Ctrl + Shift + P:顯示命令面板;

Ctrl + P:搜索某個文件;

Ctrl+[, Ctrl+]:代碼行縮進;

Ctrl + Shift + [,Ctrl + Shift + ]:折疊展開代碼塊;

Ctrl + K + [, Ctrl + k + ]:折疊展開所有子區域;

ctrl + , :打開用戶設置;

按Ctrl+Shift+[使代碼折疊后按下鼠標左鍵拖動選擇代碼塊 或者 Shift + 鼠標左鍵:選中代碼塊;

二、常用插件

PHP Debug 用於在程序中打斷點檢測:PHP Debug

PHP的高級自動完成和重構支持:PHP IntelliSense

中文簡體語言包:Chinese (Simplified) Language Pack for Visual Studio Code

markdown樣式檢查:markdownlint

設置書簽:Bookmarks

復制JSON,粘貼為GO,TypeScript,C,C,C++, Javascript等:Paste JSON as Code

在編輯器中顯示 import/require的包大小:Import Cost

SVG查看器:SVG Viewer 

更好的注釋:Better Comments

文件路徑提示:Path Autocomplete

class名智能提示:IntelliSense for CSS class names in HTML

自動重命名配對的HTML / XML標簽:Auto Rename Tag

代碼格式化插件:Beautify

保存文件自動刷新瀏覽器(Hit (alt+L, alt+O) to Open the Server and (alt+L, alt+C) to Stop the server):Live Server

html在默認瀏覽器中打開(Alt + B):open in browser

Chrome瀏覽器js調試插件:Debugger for Chrome

在TypeScript和JavaScript文件中自動生成詳細的JSDoc注釋(Ctrl+Alt+D and again Ctrl+Alt+D):Document This

Vue語法高亮:Vetur

.env語法高亮顯示:DotENV

Vue的代碼塊提示:Vue 2 Snippets 和 Vue VSCode Snippets

使用顏色標識匹配的括號:Bracket Pair Colorizer 2

ES6語法智能提示,以及快速輸入:JavaScript (ES6) code snippets

px 轉 rem(默認16) :cssrem

VS Code文件圖標:vscode-icons

Element-UI的VS Code包(Ctrl + Win + Z):vscode-element-helper

狀態欄顯示文件的大小:filesize

允許您在 Gist 中保存用戶設置,擴展名和快捷鍵綁定,以便您可以在幾分鍾內設置新的 VSCode(1. Upload Key : Shift + Alt + U;2. Download Key : Shift + Alt + D):Settings Sync

支持微信小程序標簽、屬性的智能補全,並且提示中包含文檔內容(同時支持原生小程序、mpvue 和 wepy 框架,並提供 snippets):minapp

三、首選項通用配置(Ctrl + ,)

“editor.tabSize”: 2, 

“editor.fontSize”: 14,   // 字體 

“vetur.format.defaultFormatter.html”: 'prettyhtml',   // Vetur在vue中對template區域的格式化(默認是 prettyhtml ,如果選擇 prettier,雖然會和 npm run lint 的格式保持一致,有時候會影響到 script 和 style 按照 html 語法解析的問題)

“editor.formatOnSave”: true,   // 保存時自動格式化代碼

"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",  //更改powershell終端為git bash

“emmet.triggerExpansionOnTab”: true,   // 按Tab鍵,展開Emmet縮寫


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM