你的vscode还在裸‘奔？裸 VSCode 必备插件

VSCode 轻量、开源，新鲜下载的 VSCode 可谓是身无长物、一穷二白，连个项目管理的功能都没有。

身轻如燕的 VSCode 对于后端开发说可能有点幼稚，但对于前端来说刚刚好，毕竟不需要搞什么 Docker、数据库等等，装俩 VSCode 插件，打开网页，就能开工了。

这篇文章将从前端开发者的角度来介绍一些裸 VSCode 必备插件，打造一个前端友好的开发 IDE。

1. Project Manager

Project Manager 用于管理项目，有了它，可以帮你在 VSCode 中快速地在各个项目中切换，不需要痛苦地从文件目录中一级一级最终选到你想要的项目文件。

只需要在 Palette 输入 Save Project，回车保存当前项目。

然后可以在右侧菜单查看你添加的项目，点击指点项目就能切换到该项目，非常方便。

它还提供了 Tag 标签，可以细分你的项目。

2. GitLens

GitLens 从名字就能知道它是干嘛的，VSCode 内置 Git 帮助加上这个插件交互体验是优于 Webstorm 的。

它可以方便地查看代码修改信息。

可以查看某一行的改动信息

Hover 上去还能查看具体信息

GitLens 的介绍页有万字多，可见功能之齐全，这里就不啰嗦了。

3. Tabout

VSCode 的 Tab 键默认输出 \t，对于习惯用过 WebStorm、Eclipse 的人来说非常不舒服，想要在括号处用 Tab 跳出，就可以利用到这个 TabOut。

4. Live Server

Live Server 也算是有口皆碑，它可以实时去热加载并更新代码。

实际上是起了一个 Websocket 来实现代码更新的，Live Server 在编写一些测试 HTML 页面确实好用。

5. Code Spell Checker

在拼写一些变量方法的时候，我们可以会拼错单词，Code Spell Checker 可以帮助检测你的错误。

当检测出错误单词，你还可以看看它给你的一些单词建议：

6. Image Preview

当项目中引入多个图片 URL 的时候，想要预览每张图片是一张痛苦的事情，Image preview 解决了这样的事情。

7. Import Cost

在前端项目中，我们经常需要导入各类的依赖包，通过 Import Cost 可以查看导入包的大小，便于优化。

8. Parameter Hints

Parameter Hints 会展示函数的参数名称。

9. Highlight Matching Tag

Highlight Matching Tag 可以高亮你的 HTML、JSX 代码配对符号。

10. indent-rainbow

Indent-rainbow 把代码缩进也可以变成好看的彩虹 🌈。

11. Blockman

Blockman 可以会高亮框出你当前所处的代码编辑块。

后记

对于 VSCode 来说，插件数量多入牛毛，对于常见开发场景来说，有很多对应的处理插件，需要用到就在 Marketplace 搜索一下即可，比如 React 项目：

值得注意的是，装过多的插件并不见得是一件好事，VSCode 的插件机制也是事件驱动的，过多的插件带来的弊端一方面是插件功能冲突，另一方面是性能消耗，也就是让 VSCode 变得卡顿。

这里给大家分享一份Python全套学习资料，包括学习路线、软件、源码、视频、面试题等等，都是我自己学习时整理的，希望可以对正在学习或者想要学习Python的朋友有帮助！

CSDN大礼包：全网最全《全套Python学习资料》免费分享🎁

😝有需要的小伙伴，可以点击下方链接免费领取或者V扫描下方二维码免费领取🆓

👉CSDN大礼包🎁：全网最全《Python学习资料》免费分享（安全链接，放心点击）👈

​

1️⃣零基础入门

① 学习路线

对于从来没有接触过Python的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。

② 路线对应学习视频

还有很多适合0基础入门的学习视频，有了这些视频，轻轻松松上手Python~

③练习题

每节视频课后，都有对应的练习题哦，可以检验学习成果哈哈！

因篇幅有限，仅展示部分资料

2️⃣国内外Python书籍、文档

① 文档和书籍资料

3️⃣Python工具包+项目源码合集

①Python工具包

学习Python常用的开发软件都在这里了！每个都有详细的安装教程，保证你可以安装成功哦！

②Python实战案例

光学理论是没用的，要学会跟着一起敲代码，动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。100+实战案例源码等你来拿！

③Python小游戏源码

如果觉得上面的实战案例有点枯燥，可以试试自己用Python编写小游戏，让你的学习过程中增添一点趣味！

4️⃣Python面试题

我们学会了Python之后，有了技能就可以出去找工作啦！下面这些面试题是都来自阿里、腾讯、字节等一线互联网大厂，并且有阿里大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。

5️⃣Python兼职渠道

而且学会Python以后，还可以在各大兼职平台接单赚钱，各种兼职渠道+兼职注意事项+如何和客户沟通，我都整理成文档了。


上述所有资料 ⚡️ ，朋友们如果有需要 📦《全套Python学习资料》的，可以扫描下方二维码免费领取 🆓
😝有需要的小伙伴，可以点击下方链接免费领取或者V扫描下方二维码免费领取🆓

👉CSDN大礼包🎁：全网最全《Python学习资料》免费分享（安全链接，放心点击）👈

​