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縮寫