1.搜索扩展

2.列出已安装的扩展

3.卸载扩展

4.禁用扩展

5.启用扩展

6.更新扩展

三、扩展介绍

1.Python

2.Jupyter

3.C/C++

4.ESLint

5.Prettier

6.Live Server

7.Visual Studio IntelliCode

8.Code Runner

9.Chinese (Simplified) (简体中文)

10.background

11.Auto Rename Tag

12.Better Comments

13.Draw io Integration

14.Markdown emoji

15.WakaTime

四、附录

---

一、概述

---

• Visual Studio Code 是一款轻量级但功能强大的源代码编辑器，适用于 Windows、macOS 和 Linux。内置了对 JavaScript、TypeScript 和 Node.js 的支持，并为其他语言（例如 C++、C#、Java、Python、PHP、Go）并且提供了丰富的扩展生态系统，下面通过这篇文章开启VS Code插件之旅。

二、使用教程

---

1.搜索扩展

• 您可以清除“扩展”视图顶部的“搜索”框，然后输入您要查找的扩展、工具或编程语言的名称。

2.列出已安装的扩展

• 默认“扩展”视图显示当前的扩展、推荐的所有扩展以及已禁用的所有扩展的折叠视图。

• 可以使用命令面板( Ctrl+Shift+P ) 命令清除搜索框中的任何文本并显示所有已安装扩展的列表。

3.卸载扩展

• 要卸载扩展，请选择扩展条目右侧的管理齿轮按钮，然后从下拉菜单中选择卸载。可以卸载扩展并提示您重新加载 VS Code。

4.禁用扩展

• 如果不想永久删除扩展程序，可以通过单击扩展程序条目右侧的齿轮按钮暂时禁用扩展程序。

• 在全局禁用扩展或仅针对当前工作区禁用扩展。禁用扩展后，系统将提示重新加载 VS Code。

5.启用扩展

• 如果禁用了某个扩展程序，可以使用下拉菜单中的Enable或**Enable (Workspace)**命令重新启用它。

6.更新扩展

• 自动更新：VS Code 检查扩展更新并自动安装。更新后，系统会提示您重新加载 VS Code。

• 手动更新：使用Show Outdated Extensions命令快速查找扩展更新，显示当前安装的扩展程序的所有可用更新，为过时的扩展选择更新按钮，更新将被安装，系统将提示重新加载 VS Code。

三、扩展介绍

---

1.Python

• 对Python 语言有丰富的支持（对于所有积极支持的语言版本：>=3.6），包括 IntelliSense (Pylance)、linting、调试、代码导航、代码格式化、重构、变量浏览器等功能、测试资源管理器等。

2.Jupyter

• 它提供基本的笔记本支持语言内核所支持许多语言内核无需修改即可工作。默认Jupyter 扩展包括 Jupyter Keymaps 和 Jupyter Notebook Renderers 扩展。

3.C/C++

• C/C++ 扩展为 Visual Studio Code 添加了对 C/C++ 的语言支持，包括 IntelliSense 和调试等功能。

4.ESLint

• ESLint 是一种用于识别和报告在 ECMAScript/JavaScript 代码中发现的模式的工具，其目标是使代码更加一致并避免错误。在许多方面，它类似于 JSLint 和 JSHint。

5.Prettier

• Prettier支持我们大前端目前大部分语言处理，包括 JavaScript ·  Flow ·  TypeScript · CSS · SCSS · Less · JSX · Vue · GraphQL · JSON · Markdown，这代表着， 你几乎可以用一个工具都能搞定所有的代码格式化问题。

6.Live Server

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

7.Visual Studio IntelliCode

• 提供了为Python，TypeScript/ JavaScript和Java开发AI辅助开发功能在Visual Studio代码，基于代码的上下文与机器学习相结合。

8.Code Runner

• 运行多种语言的代码片段或代码文件，省掉保存的环节，直接可以运行

9.Chinese (Simplified) (简体中文)

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

文章到这里就结束了，如果觉得对你有帮助可以点个赞哦

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

**

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-Np0D3Xv1-1712867319849)]

最后

文章到这里就结束了，如果觉得对你有帮助可以点个赞哦

[外链图片转存中…(img-zIYVQBiK-1712867319849)]

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-mDWKteCE-1712867319850)]