前端工具汇总

1. vscode

下载地址：https://code.visualstudio.com/
vscode扩展汇总：

1.1 Code Spell Checker（必须安装）

代码拼写检查器

1.2 Auto Close Tag

自动添加HTML/XML的关闭标签

3. Auto Import

自动查找、解析并为所有可用导入提供代码操作和代码完成。适用于Typescript和TSX

4. Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

VSCode的汉化中文包

5. DotENV

支持DotENV文件语法

6. Element Plus Helper

Element Plus助手

7. ESLint（必须安装）

将ESLint JavaScript集成到VS代码中。

8. Todo Tree

快速查看所有待办事项

9. Vue 3 Snippets

vue3

10. Vite

vite

11. Svg Preview

Svg图片预览

12. vsc-nvm

自动切换node环境版本号

13. Live Server

启动具有静态和动态页面实时重新加载功能的开发本地服务器

14. px to rem & rpx & vw (cssrem)

px和rem转化

15. Auto Rename Tag

自动重命名HTML/XML的关闭标签

17. Color Highlight

颜色高亮

18. Git Graph（非常有用）

查看存储库的Git图，并从图中执行Git操作

19. Git History（非常有用）

查看git日志，文件历史，比较分支或提交

20. GitLens — Git supercharged（非常有用）

通过Git责备注释和CodeLens，无缝导航，一目了然地可视化代码作者身份

21. GitHub Copilot （非常有用）

AI工具

22. GitHub Copilot Chat（非常有用）

人工智能聊天功能由Copilot提供支持

23. koroFileHeader

用于生成文件头部注释和函数注释的插件

24. Prettier - Code formatter

格式化代码工具

2. Snipaste

截图工具。
快捷键：
截图：F1
‌截屏并自动复制: Ctrl+F1
自定义截图‌: Shift+F1
‌贴图: F3
隐藏/显示所有贴图‌: Shift+F3
切换到另一贴图组: Ctrl+F3
截图吸色： 截屏完成按Shift切换RGB/HEX, 按C复制颜色

3. nvm

node版本管理工具。