VS Code 的工作必備快捷鍵和插件安裝推薦

VS Code 的常用快捷鍵和插件

一、vs code 的常用快捷鍵

1、註釋：

a) 單行註釋：[ctrl+k,ctrl+c] 或 ctrl+/

b) 取消單行註釋：[ctrl+k,ctrl+u] (按下ctrl不放，再按k + u)

c) 多行註釋：[alt+shift+A]

d) 多行註釋：/**

**2、**移動行：alt+up/down

**3、顯示/**隱藏左側目錄欄 ctrl + b

**4、**複製當前行：shift + alt +up/down

**5、**刪除當前行：shift + ctrl + k

**6、**控制檯終端顯示與隱藏：ctrl + ~

7、查找文件/安裝vs code 插件地址：ctrl + p

**8、**代碼格式化：shift + alt +f

9、新建一個窗口 : ctrl + shift + n

10、行增加縮進: ctrl + [

11、行減少縮進: ctrl + ]

12、裁剪尾隨空格(去掉一行的末尾那些沒用的空格**)** : ctrl + shift + x

**13、字體放大/**縮小: ctrl + ( + 或 - )

14、拆分編輯器 : ctrl + 1/2/3

15、切換窗口 : ctrl + shift + left/right

16、關閉編輯器窗口 : ctrl + w

17、關閉所有窗口 : ctrl + k + w

18、切換全屏 : F11

19、自動換行 : alt + z

20、顯示git : ctrl + shift + g

**21、全局查找文件：**ctrl + shift + f

22、顯示相關插件的命令(如：git log)：ctrl + shift + p

23、選中文字：shift + left / right / up / down

24、摺疊代碼： ctrl + k + 0-9 (0是完全摺疊)

25、展開代碼： ctrl + k + j (完全展開代碼)

26、刪除行 ： ctrl + shift + k

27、快速切換主題：ctrl + k / ctrl + t

28、快速回到頂部 ： ctrl + home

29、快速回到底部 : ctrl + end

30、格式化選定代碼 ：ctrl + k / ctrl +f

31、選中代碼 ： shift + 鼠標左鍵

**32、多行同時添加內容（光標） ：**ctrl + alt + up/down

**33、全局替換：**ctrl + shift + h

**34、當前文件替換：**ctrl + h

**35、打開最近打開的文件：**ctrl + r

**36、打開新的命令窗：**ctrl + shift + c

37、vs code 中git提交默認不區分文件名大小寫: git config core.ignorecase false

38、 code . 用vscode打開cmd窗口所在文件夾

二、vs code 的常用插件

1. Auto-Open Markdown Preview markdown文件自動開啓預覽
2. Project Manager 多個項目之間快速切換的工具 使用教程
3. Enki Theme 顏色主題插件
4. Version Lens : 可以及時看到package.json內部版本的變動，
5. Path Intellisense ： 路徑智能提示.
6. Path Autocomplete : 路徑智能補全
7. Document This : JSDOC註解調用
8. HTML CSS Support : 增加vscode代碼對css的支持
9. beautify : 格式化美化代碼
10. Auto Close Tag : 匹配標籤，關閉對應的標籤。
11. Auto Rename Tag : 改變標籤的時候同時改動開閉合標籤；
12. colorize : 會給顏色代碼增加一個當前匹配代碼顏色的背景
13. Material Icon Theme : 一套扁平化的文件圖標
14. stylelint : 比內置的要全，更智能
15. Git History : git版本控制插件
16. Chinese (Simplified) Language Pack for Visual Studio Code ：vscode 漢化插件
17. CSS Peek：可以快速窺探，定位到外部css文件並編寫
18. Debugger for Chrome ：谷歌debugger調試
19. Duplicate action ：在vscode中具有複製文件的能力
20. JavaScript (ES6) code snippets : js(es6)代碼片段
21. Live Server在本地啓動一個服務器，打開當前文件
22. open in browser 在瀏覽器中打開文件
23. npm Intellisense 在import require的時候自動提示npm模塊名
24. Path Intellisense html標籤 引用路徑等等自動聯想補全
25. px to rem rem 與 px互相轉換
26. SCSS IntelliSense scss自動感知工作區的變量名
27. TODO Highlight TODO: FIXME: 註釋高亮方便備註工作任務
28. Vetur vscode 對vue的支持（使用vue必用插件）
29. Vue VSCode Snippets:內置大量vue代碼片段
30. webpack :快速創建一個webpack.config.js

三、常用的電腦快捷鍵

1、ctrl + shift + delete 快速清除瀏覽器緩存

2、ctrl + alt + delete 快速進入任務管理器頁面

3、window + L 快速鎖定電腦

4、window + d 所有窗口最小化

5、 window + e 打開我的資源管理器(我的電腦)

6、 window + f 快速打開搜索窗口

7、 alt + tab 快速查看打開的應用與窗口