VS code常用插件分享

一、代码编辑与格式化
Prettier:代码格式化工具,确保代码风格一致。
ESLint:JavaScript代码检查工具,帮助发现潜在错误。
Code Runner:直接在VSCode中运行代码。
HTML Snippets:提供HTML代码片段和提示。
JavaScript (ES6) code snippets:提供ES6语法的智能提示和快速输入。
CSS Peek:查看CSS样式定义。
beautify:美化代码。
File Navigator:快速查找文件。
Path Intellisense:自动补全路径。
Auto Close Tag:自动闭合HTML/XML标签。
二、调试工具
Debugger for Chrome:Chrome调试器集成。
Live Server:实时预览网页。
Code Spell Checker:拼写检查工具。
TODO Tree:列出带有TODO标识的文件。
Minify:压缩合并JavaScript和CSS文件。
三、Git集成
Git History:查看git日志。
GitLens:增强Git功能,查看提交记录。
Git Blame:快速查看最近的提交记录。
Git Graph:在VSCode中查看git提交记录图。
四、前端开发
Vetur:Vue开发支持工具,包括语法高亮、智能提示等。
VueHelper:Vue代码片段。
React/Redux/react-router Snippets:React生态系统代码片段。
Material Icon Theme:图标主题美化。
Dracula Official:Dracula主题。
TailwindCSS IntelliSense:即时提示工具。
五、主题与图标
Material Icon Theme:图标主题美化。
vscode-icons:显示文件图标。
Dracula Official:Dracula主题。
六、文本与图片处理
Image Preview:图片预览工具。
Regex Previewer:预览正则效果。
七、项目管理
Project Manager:多个项目之间快速切换。
Local History:本地历史记录。
Partial Diff:文件比较工具。
八、辅助自动化操作
Auto Import:自动导入包。
Change Case:变量格式转换。
Turbo Console Log:快速添加console.log信息。
九、算法与学习
LeetCode:刷题插件。
VS Code Jupyter Notebook Previewer:Jupyter Notebook预览工具。
十、其他实用工具
Markdown Preview Enhanced:Markdown实时预览。
CodeIf:条件代码生成工具。
Code Spell Checker:拼写检查工具。
十一、代码管理
DependencyCruiserExtension:分析项目依赖关系。
File Navigator:快速查找文件。
十二、文本编辑与处理
Markdown Preview Enhanced:Markdown实时预览。
Markdown Emoji挑选:Markdown表情符号选择器。
十三、调试与测试
Debugger for Chrome:Chrome调试器集成。
Code Spell Checker:拼写检查工具。
十四、代码优化与重构
ESLint:JavaScript代码检查工具。
Code Runner:直接在VSCode中运行代码。
十五、项目切换与管理
Project Manager:多个项目之间快速切换。
Local History:本地历史记录。
十六、辅助工具
Tabnine:代码自动补全工具。
Live Server:实时预览网页。
十七、代码片段与提示
HTML Snippets:智能提示HTML标签。
JavaScript (ES6) code snippets:ES6语法智能提示。
十八、代码格式化与优化
Prettier:代码格式化工具。
Code Runner:直接在VSCode中运行代码。
十九、调试与错误诊断
Debugger for Chrome:Chrome调试器集成。
Code Spell Checker:拼写检查工具。
二十、前端框架支持
Vetur:Vue开发支持工具,包括语法高亮、智能提示等。
React/Redux/react-router Snippets:React生态系统代码片段。
二十一、主题与图标美化
Material Icon Theme:图标主题美化。
vscode-icons:显示文件图标。
二十二、文本与图片处理
Image Preview:图片预览工具。
Regex Previewer:预览正则效果。
二十三、项目管理与协作
Project Manager:多个项目之间快速切换。
Local History:本地历史记录。
二十四、辅助自动化操作
Auto Import:自动导入包。
Change Case:变量格式转换。
二十五、算法与学习资源
LeetCode:刷题插件。
VS Code Jupyter Notebook Previewer:Jupyter Notebook预览工具。
二十六、其他实用工具
Markdown Preview Enhanced:Markdown实时预览。
Markdown Emoji挑选:Markdown表情符号选择器。
二十七、代码管理与分析
DependencyCruiserExtension:分析项目依赖关系。
File Navigator:快速查找文件。
二十八、文本编辑与处理
Markdown Preview Enhanced:Markdown实时预览。
Markdown Emoji挑选:Markdown表情符号选择器。
二十九、调试与测试工具
Debugger for Chrome:Chrome调试器集成。
Code Spell Checker:拼写检查工具。
三十、代码优化与重构工具
ESLint:JavaScript代码检查工具。
Code Runner:直接在VSCode中运行代码。
三十一、项目切换与管理工具
Project Manager:多个项目之间快速切换。
Local History:本地历史记录。
三十二、辅助工具与插件
Tabnine:代码自动补全工具。
Live Server:实时预览网页。
三十三、代码片段与提示工具
HTML Snippets:智能提示HTML标签。
JavaScript (ES6) code snippets:ES6语法智能提示。
三十四、代码格式化与优化工具
Prettier:代码格式化工具。
Code Runner:直接在VSCode中运行代码。
三十五、调试与错误诊断工具
Debugger for Chrome:Chrome调试器集成。
Code Spell Checker:拼写检查工具。
三十六、前端框架支持工具
Vetur:Vue开发支持工具,包括语法高亮、智能提示等。
React/Redux/react-router Snippets:React生态系统代码片段

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

亿只小灿灿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值