一、代碼提示快捷鍵設置：（keybindings.json）

[{"key": "ctrl+j","command": "-workbench.action.togglePanel"},{"key": "ctrl+j","command": "editor.action.triggerSuggest","when": "editorHasCompletionItemProvider && editorTextFocus && !editorReadonly"} ]

?

二、插入代碼段和字體設置：（setting.json）

{"editor.fontFamily": "宋體","editor.fontSize": 16,"editor.snippetSuggestions": "top" }

?

三、常用插件安裝

• Auto Rename Tag　　　　標簽自動重命名
• Auto Close Tag　　　　 自動生成閉合標簽
• color highlight?　　　 顏色預覽
• Document This　　　　 ?注釋自動生成
• Git Blame　　　　　 ? ?Git操作插件
• Prettier formatter?　 ?代碼格式化插件
• todo highlight　　　　 todo高亮插件
• vscode icons　　　 ? ? 文件目錄ico圖標　

?

我安裝的所有插件：

Auto Close Tag Auto Rename Tag AutoFileName Color Highlight Document This ESLint file-icons Flow Language Support Git Blame Hopscotch JavaScript(ES6)code snippets Light+ Tweaked Path Intellisense Prettier - Code formatter TODO Highlight vscode-icons

?

擴展：todo highlight插件使用，開啟控制臺展示todo list列表，Windows系統按快捷鍵F1，打開設置面板點擊如圖開啟窗口todo list 展示，如圖：

?

四、（個人）綜合配置文件

{"editor.fontFamily": "宋體","editor.fontSize": 16,"editor.formatOnSave": true,"files.autoSave": "off","prettier.printWidth": 120,"workbench.iconTheme": "vscode-icons","git.enableSmartCommit": true,"workbench.colorTheme": "Visual Studio Light","git.autofetch": true,"window.zoomLevel": 0,"todohighlight.isEnable": true }

?

五、常用快捷鍵

Ctrl + / 　　　　 　　注釋|解注代碼

Ctrl + D　　　　?　　 全選當前字符串

Ctrl+K,Ctrl+0 　　　　折疊所有代碼

Ctrl+K,Ctrl+J 　　　　展開折疊所有代碼

Ctrl + Q　　　　　　　切換視圖

Ctrl + W?　　　　　關閉當前窗口

Ctrl + 2?　　　　　代碼分屏

Ctrl + Shift + O? ?列出所有的類和變量

Shift + F12　　　　　查詢所有引用

Ctrl + K,Ctrl + O? 全部折疊

Ctrl + K,Ctrl + J? 恢復折疊

Ctrl + Shfit + K? 刪除當前行

Ctrl + B? 隱藏左邊工具欄

Ctrl + Shfit + \? 括號跳轉切換

?

　　

?

總結

以上是生活随笔為你收集整理的vscode使用汇总——常用插件、常用配置、常用快捷键的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。