docs: 更新vscode技巧笔记

新增常用快捷键使用；
新增常用插件及设置项目推荐插件；

docs/usage-work-tool/效率提升工具/vscode技巧.md

@@ -2,13 +2,60 @@
 
 ## 快捷键设置
 
-- 折叠所有代码块：`ctrl+k+0`
+- 折叠所有代码块：`ctrl+k+0-9`，其中 0 是完全折叠
 - 展开所有代码块：`ctrl+k+j`
+- 展示当前窗口打开的 tab：`ctrl+shift+tab`
+- 展示最近打开的文件：`ctrl+p`
+  - 跳转到某一行：`ctrl+p` -> `:line`
+  - 展示所有的函数、方法、变量、类、标题等等，且上下移动会自动切换到对应位置：`ctrl+p` -> `@`或`@fnName`
+  - 分类展示所有的函数、方法、变量、类、标题等等，且上下移动会自动切换到对应位置：`ctrl+p` -> `@:`或`@fnName:`
+  - 查看 ctrl+p 的所有功能建议：`ctrl+p` -> `?`
+- 同时编辑多行内容：`ctrl+alt+up/down`
+- 转到下一个错误/警告：`F8`或`Fn+F8`
+- 转到上一个错误/警告：`shift+F8`或`shift+Fn+F8`
+- 跳转到前一个打开的 tab：`alt+left`
+- 跳转到后一个打开的 tab：`alt+right`
 
 ## 插件推荐
 
 - koroFileHeader，自动生成代码文件头注释，函数注释
--
+- Office Viewer：直接在 vscode 中展示 md 文件、word、excel、img、pdf、svg 的预览模式
+- Data Preview：预览文件
+- Live Server：将当前文件（夹）运行在本地网络环境中
+- Polacode：代码图片
+- CodeSnap：代码图片
+- Insert Date String：插入日期
+- Iconify IntelliSense：将项目中的图标代码直接展示成图标的形式
+- Git History Diff：展示文件夹、文件（右击）、项目（左侧项目文件列空白处右击）的历史 git commit
+- Git Graph：图形化展示 git commit（在左侧 tab source control 里面）
+- local history：保存文件的本地历史记录
+- TODO Tree：添加一个左侧 tab 入口，展示文件的所有 todo 列表
+- project manager：管理多个项目
+- VS Code Counter：统计项目代码行数
+- Error Lens：更直观的展示文件的警告、错误
+- Colorize：展示 css 颜色
+- Color Picker：快速选择 css 颜色
+- Postcode：直接在 vscode 中进行接口测试
+- Duplicate Action：快捷的复制文件
+- indent-rainbow：让缩进带有颜色
+- koroFileHeader：生成文件注释、其他注释，需进行相关配置
+- project-tree：生成项目结构
+- Bookmarks：给文件代码行添加书签标记的功能，便于后续查找
+
+给项目添加推荐插件，可以在第一次打开时自动安装这些插件：
+
+```json
+// .vscode/extensions.json
+{
+  "recommendations": [
+    // 获取当前安装的vscode插件
+    // 在cmd中输入code --list-extensions命令
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "Vue.volar"
+  ]
+}
+```
 
 ## .vscode 目录
 
@@ -18,6 +65,7 @@
 
 - setting.json：会覆盖掉 vscode 编辑器的全局配置
 - extensions.json：用来设置项目用到的插件推荐列表
+- xxxxxxx.code-snippets：项目中共享的代码片段
 
 ::: code-group
 
@@ -32,7 +80,7 @@
   },
   "stylelint.validate": ["css", "less", "scss", "vue"]
 }
-```
+````
 
 ```json [extensions.json]
 {