前端VSCode常用插件「建议收藏」

大家好，又见面了，我是你们的朋友全栈君。

前端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支持/片段

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/164349.html原文链接：https://javaforall.cn