vscode 插件

1. Auto Import

输入变量之后，按tab键会自动从相应文件路径导入改变量

2. background

可以设置编辑器的背景图片

3. code spell checker

检查英语单词拼写错误

4. css peek

可以根据css id，class和标签查看css，less，sass； ctrl + hover 查看，或者 选择按f12查看（感觉速度比较慢）

5. error lens

提供error，warning和诊断 的行内高亮

6. git history

目前只会用来查看文件的git log信息

7. git project manager

ctrl + alt + p可以快速打开git 管理的项目（需要配置 setting.json）

    {
        "gitProjectManager.baseProjectsFolders": [
            "/home/user/project", // 保存项目的文件夹绝对路径
            "/home/user/personal" // 可以设置多个文件夹
        ],
        "gitProjectManager.openInNewWindow": true, // 在新窗口打开选中的项目
        "gitProjectManager.checkRemoteOrigin": true // 是否检查远程项目
    }

    // 还有其他配置

8. git lens

可以直接拉取github上面的项目

9. highlight matching tag

高亮匹配闭合标签

10. indent-rainbow

缩进高亮匹配

11. intellisence for css names in html

css名字匹配 （好像不大管用）

12. lit-html

可以自动闭合html标签

13. material icon theme

文件icon图标

14. path intellisense

路径匹配

15. prettier-code formatter

代码格式化

16. rainbow brackets

彩虹括号

17. todo highlight

//TODO: 的注释会被高亮显示

18. Typescript Hero

组织ts的import

19. vetur

开发vue2 的代码检查插件

20. github copilot

AI智能补全代码，需要联网到github

21. volar

开发vue3 的代码检查插件