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

全栈程序员-站长 • 2022年7月25日下午10:16 • 未分类 • 阅读 7

前端VSCode常用插件「建议收藏」前端VSCode常用插件1.Chinese(Simplified)vscode下载完毕是英文版的，先安装这个插件，改为中文版，所以是我们第一个安装的插件。2.AutoRenameTag修改开始标签，结束标签跟着自动变化，比较好用。3.OneDarkPro颜色主题4.格式化代码（vscode系统自带）但是html标签嵌套比较多，可能需要自动格式化比较好，所以我们可以利用vscode自动的功能格式化代码，暂且不用格式化插件，自动保存照样能格式化代…

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

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

前端VSCode常用插件

1.Chinese (Simplified)

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

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

2.Auto Rename Tag

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

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

3.One Dark Pro 颜色主题

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7. Easy LESS 编译less文件

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

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

8.小程序助手

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

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

9.Auto Close Tag

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

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

10.Auto Complete Tag

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

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

11.Beautify

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

为 VS Code 美化代码

12.CSS Tree

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

从选定的 HTML/JSX 生成 CSS 树

13.EditorConfig for VS Code

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

Visual Studio Code 的 EditorConfig 支持

14.ESLint

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

将 ESLint JavaScript 集成到 VS Code 中。

15.Git Blame

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

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

16.Git History

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

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

17.GitLens — Git supercharged

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

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

18.HTML CSS Support

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

用于 HTML 的 CSS 智能感知

19.JavaScript (ES6) code snippets

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

ES6 语法中的 JavaScript 代码片段

20.language-stylus

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

Stylus language支持

21.Live Share

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

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

22.Path Intellisense

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

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

23.Prettier – Code formatter

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

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

24.Preview

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

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

25.px to rem

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

将 px 转换为 rem，反之亦然

26.Sass

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

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

27.uniapp-snippet

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

uniapp片段提示

28.Vetur

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

用于 VS Code 的 Vue 工具

29.Visual Studio IntelliCode

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

人工智能辅助开发

30.vscode wxml

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

vscode的微信wxml支持/片段

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们举报，一经查实，本站将立刻删除。

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

赞 (0)

全栈程序员-站长

0 0

vagrant 安装中遇到的问题「建议收藏」

vagrant 安装中遇到的问题

全栈程序员-站长
2022年2月19日
37
为什么 main 方法是 public static void ？

为什么 main 方法是 public static void ？初级程序员面试经常会遇到这个问题，这篇博客带你排异解难。

全栈程序员-站长
2022年5月6日
36
pycharm如何修改背景颜色_如何设置幻灯片背景颜色为自定义

pycharm如何修改背景颜色_如何设置幻灯片背景颜色为自定义Pycharm可以通过设置主题来设定背景颜色，但主题的背景颜色也仅仅局限特定的几种，通过如下的方式可以自定义背景颜色。File——Settings——Editor——General——(右侧上方的框框)Text——Defaulttext——选右侧的Background就可以设置背景色了。图中的灰色背景RGB是192，192,192。 …

全栈程序员-站长
2022年8月25日
7
idea

idea远程debug weblogic_idea远程调试代码

idea远程debug weblogic_idea远程调试代码https://blog.csdn.net/u013559614/article/details/123375027Idea远程调试tomcatIdea配置配置remote传输方式，默认为SocketSocket：macOS及Linux系统使用此种传输方式；Sharedmemory：Windows系统使用此种传输方式。调试模式，默认为AttachAttach：此种模式下，调试服务端（被调试远程运行的机器）启动一个端口等待我们（调试客户端）去连接；

全栈程序员-站长
2025年10月19日
2
联合索引（多列索引）[通俗易懂]

联合索引（多列索引）[通俗易懂]联合索引是指对表上的多个列进行索引，联合索引也是一棵B+树，不同的是联合索引的键值数量不是1，而是大于等于2.最左匹配原则假定上图联合索引的为（a,b）。联合索引也是一棵B+树，不同的是B+树在对索引a排序的基础上，对索引b排序。所以数据按照（1,1),(1,2)……顺序排放。对于selete*fromtablewherea=XXandb=XX，显然是可以使用…

全栈程序员-站长
2022年6月3日
76
Socket无限SocketTimeoutException真凶–WLAN助手

Socket无限SocketTimeoutException真凶–WLAN助手看到标题你可能不知道我说的是什么鬼东西，但是如果你有类似的经历的话，那么恭喜你，也恭喜我自己，终于解决这个问题了。用过小米、华为等手机的都知道，当我们连接上一个不能上网的WIFI时，系统都会友好的给出“此WLAN无法访问互联网，请更换网络/切换为移动数据网络”等类似的提示，今天我就说下本人在这里面遇到的坑。背景：有个Android项目需要连接硬件设备的WIFI,然后通过socket进行通信…

全栈程序员-站长
2022年10月21日
2

发表回复

关注全栈程序员社区公众号