文章目录

工欲善其事必先利其器

安装步骤

在这里插入图片描述
.
.
.
.
.
.
.
.
.

1.中文包Chinese (Simplified) Language Pack for Visual Studio Code

在这里插入图片描述

2.自动闭合标签Auto Close Tag

在这里插入图片描述

3.同步修改标签Auto Rename Tag

在这里插入图片描述

4.高亮代码的回调，括号的区域范围Bracket Pair Colorizer

在这里插入图片描述

4.支持多中代码的执行Code Runner

在这里插入图片描述

5.直观得看到你设置的样式颜色Color Highlight

在这里插入图片描述
在这里插入图片描述

6.在 HTML 中通过 CSS id 或则 class 来定位到其定义 CSS Peek

在这里插入图片描述

7.ES7 React/Redux/GraphQL/React-Native snippets

在这里插入图片描述

8.Git History

用来查看 git log 或则一个文件的 git 历史，比较不同的分支，commits。
在这里插入图片描述

9.Highlight Matching Tag

这本来应该是 VSCode 应该默认提供的功能，高亮匹配的标签。
在这里插入图片描述

10.JavaScript (ES6) code snippets

VS Code 编辑器的 ES6 语法的 JavaScript 代码片段（支持 JavaScript 和 TypeScript）。

11.npm Intellisense

VSCode 插件可以在导入语句自动补全 npm 模块名称。

12.open in browser

在这里插入图片描述

13.Path Intellisense

该扩展可以自动补全代码中的路径和文件名。
在这里插入图片描述

14.Prettier - Code formatter

你绝对不能少了这个插件，你需要它来一键美化你的 JavaScript/TypeScript/CSS 代码在这里插入图片描述

15.Vetur

Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。(VScode官方钦定Vue插件，Vue开发者必备。)
在这里插入图片描述
VueHelper
vue使用者必备在这里插入图片描述

16.Visual Studio IntelliCode

这个插件旨在帮助开发人员提供智能的代码完成建议而构建的，并且已预先构建了对多种编程语言的支持。

17.vscode-icons文件夹的图标

在这里插入图片描述

18.Beautify 代码文件右键格式化 美化代码

在这里插入图片描述

19.HTML Snippets 智能提示HTML标签，以及标签含义

在这里插入图片描述

20.Npm Intellisense(node必备)

21.GitLens 方便查看git日志

它不仅能帮助你通过 Git blame 注解直观地看到代码作者，而且还可以无缝浏览和探索 Git 存储库，通过强大的比较命令获得有价值的见解，等等。
在这里插入图片描述

Git History
用来查看 git log 或则一个文件的 git 历史，比较不同的分支，commits。
在这里插入图片描述

22.ESLint

代码规范–需要配置—个人一般不用（格式不对会报错比较烦）
在这里插入图片描述

23.jQuery Code Snippets

jQuery代码智能提示

23.color info 提供有关CSS颜色的快速信息

24.Trailing Spaces高亮那些冗余的空格，可以快速删掉。

在这里插入图片描述

25.主题：

One Dark Pro 黑色背景 很舒服。
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

Monokai Charcoal high contrast 黑色背景 高对比度，配合背景透明，调到很低也很清晰。
在这里插入图片描述

26.以下一部分是uniapp开发插件

在这里插入图片描述
后来这几个插件好像是迁移了 暂时还不清楚可用不 不行的话就换这几个
在这里插入图片描述

27.小程序助手

在这里插入图片描述

28.minapp 微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）

在这里插入图片描述

39.vscode wxml

在这里插入图片描述

40.wechat-snippet 微信小程序代码辅助,代码片段自动完成

在这里插入图片描述

41.wxml 微信小程序wxml格式化以及高亮组件(高度自定义)

在这里插入图片描述

42.TypeScript Hero

在这里插入图片描述

43.Import Cost 文件导入包大小

在这里插入图片描述

43.z-reader

小说阅读插件，支持在线搜索和本地阅读，支持txt和epub格式，可以从起点网小说和笔趣阁进行小说搜索和阅读，阅读进度支持自动保存，支持进度跳转。
https://i-blog.csdnimg.cn/blog_migrate/f859309d85f07b5477bf33dffac738b0.gif

44.CSS Peek

CSS 速览允许您快速查看在 HTML 中分配的各种类名和 ID 的 CSS 样式定义。
只需按住 Ctrl 并将鼠标悬停在类名或 ID 上，即可快速查看其定义：
在这里插入图片描述

45.IntelliCode智能代码完成建议

IntelliCode 是另一个强大的 AI 工具，可生成在当前代码上下文中有意义的智能代码完成建议。
它使用一个 AI 模型来实现这一点，该模型已在 GitHub 上数千个流行的开源项目中进行了训练。
在这里插入图片描述

46.Code Spell Checker 单次拼写错误提示

danci

47、Git Graph代码分支记录

Git Graph
在这里插入图片描述

48、GitHub Copilot Chat

在这里插入图片描述

49、CodeGeeX: AI Coding Assistant-推荐代码提示

CodeGeeX: AI Coding Assistant

# 编辑器
Logo
AI编程社区

汇聚全球AI编程工具，助力开发者即刻编程。

更多推荐

cover

氛围编程：AI代码生成的幻象与现

avatar AI编程社区
cover

【AI编程实战天花板】用通义灵码1小时落地一体化接口文档系统：从需求到上线的全流程拆解

avatar AI编程社区

我测试了所有AI Code Generator——这是最终赢家(三)

未来12个月，该领域将发生重大变化，但良好开发实践的基础始终不变：编写清晰的代码，彻底测试，并始终了解你的工具在做什么。经过六个月的严格测试，有一点很清楚：AI代码生成器已从实验工具转变为必需的开发资源。问题不再是是否使用AI辅助，而是哪些工具最能满足你的特定需求。：尽管GitHub Copilot备受关注，但Claude卓越的分析和文档生成能力使其对复杂项目至关重要。：AI不会取代开发者，但有效

avatar AI编程社区