大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

前端VSCode常用插件

1.Chinese (Simplified)  

vscode下载完毕是英文版的，先安装这个插件，改为中文版，所以是我们第一个安装的插件。

2.Auto Rename Tag 

修改开始标签，结束标签跟着自动变化，比较好用。

3.One Dark Pro   颜色主题 

4.格式化代码（vscode系统自带） 

但是html标签嵌套比较多，可能需要自动格式化比较好，所以我们可以利用vscode自动的功能格式化代码，暂且不用格式化插件，自动保存照样能格式化代码。

（1） 点击管理按钮—选择里面的设置命令

vscode 管理–设置
（2）选择用户 —>  文本编辑器  —>  正在格式化  —>  勾选如下图的2个按钮

vscode自动格式化代码
这样，我们不用安装插件，就可以自动保存自动格式化代码了。

4.open in browser   浏览器预览页面 

编写完代码，需要浏览器预览，可以安装这个插件

5. vscode-icons   设置文件图标主题 

可以很清楚看到文件对用的图标。

7. Easy LESS   编译less文件

我们写的less不能直接引入到html文件中， 通过这个插件可以自动帮我们生成 css文件

8.小程序助手

 帮助将应用程序项目转换为其他类型

9.Auto Close Tag

自动添加 HTML/XML 关闭标签，与 Visual Studio IDE 或 Sublime Text 相同 

10.Auto Complete Tag

 扩展包为 HTML/XML 添加关闭标签并自动重命名配对标签

11.Beautify

为 VS Code 美化代码

12.CSS Tree

从选定的 HTML/JSX 生成 CSS 树

13.EditorConfig for VS Code

Visual Studio Code 的 EditorConfig 支持

14.ESLint

将 ESLint JavaScript 集成到 VS Code 中。

15.Git Blame

 在状态栏中查看 git blame 信息。

16.Git History

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

17.GitLens — Git supercharged

增强 Visual Studio Code 中制造的 Git 功能

18.HTML CSS Support

用于 HTML 的 CSS 智能感知

19.JavaScript (ES6) code snippets

ES6 语法中的 JavaScript 代码片段

20.language-stylus

Stylus language支持

21.Live Share

使用您最喜欢的工具进行实时协作开发。

22.Path Intellisense

自动补全文件名的 Visual Studio Code 插件

23.Prettier – Code formatter

使用更漂亮的代码格式化程序

24.Preview

Markdown、重构文本、HTML、Jade、Pug、图像、CSS预览器。

25.px to rem

将 px 转换为 rem，反之亦然

26.Sass

缩进的 Sass 语法高亮、自动完成和格式化

27.uniapp-snippet

uniapp片段提示

28.Vetur

用于 VS Code 的 Vue 工具

29.Visual Studio IntelliCode

人工智能辅助开发

30.vscode wxml

vscode的微信wxml支持/片段