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

前端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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • java爬虫实现

    java爬虫实现爬虫入门手写一个Java爬虫本文内容 涞源于 罗刚 老师的 书籍<<自己动手写网络爬虫一书>>;本文将介绍1:网络爬虫的是做什么的? 2: 手动写一个简单的网络爬虫;1: 网络爬虫是做什么的? 他的主要工作就是跟据指定的url地址 去发送请求,获得响应, 然后解析响应, 一方面从响应中查找出想要查找的数据,另一方面从响应中解析出新的URL…

    2022年7月8日
    20
  • 推荐一款博客备份工具!

    推荐一款博客备份工具!网友老紫竹开发了一个csdn博客备份工具,现在推荐给大家,有需要备份博客的可以点击下面的链接使用该工具。在此,我们感谢老紫竹为博客所作出的贡献!同时我们也欢迎其他网友来开发各种实用的博客工具,然后分享给大家使用!备份工具地址:http://www.java2000.net/csdn/blogbackup.jsp…

    2022年7月25日
    6
  • sdn网络设备主要负责_sdn 解决方案

    sdn网络设备主要负责_sdn 解决方案ONOS问世后引起广泛关注,关于ONOS与ODL的纷争不绝于耳。为了应对日益增长的带宽需求,服务提供商希望网络可以更加敏捷高效,且能从创新型服务和新型业务模式中分一杯羹得到更好的发展,至此SDN的呼声越来越高。而SDN中控制器占重要部分,是兵家必争之地,陆陆续续已经出现了很多SDN控制器,如OpenDaylight、OpenContrail、Ryu、Floodlight、NOX、SPOX等等,其中

    2025年9月25日
    6
  • Android之布局详解

    Android之布局详解四种基本布局

    2022年6月2日
    54
  • linux命令mysql启动,linux下启动mysql的命令

    linux命令mysql启动,linux下启动mysql的命令linux下启动mysql的命令一、总结一下:1.linux下启动mysql的命令:mysqladminstart/ect/init.d/mysqlstart(前面为mysql的安装路径)2.linux下重启mysql的命令:mysqladminrestart/ect/init.d/mysqlrestart(前面为mysql的安装路径)3.linux下关闭mysql的命令:mysqla…

    2022年5月21日
    39
  • sqlserver数据库同步工具_sql server数据库安装

    sqlserver数据库同步工具_sql server数据库安装 一、确认数据库运行环境是否配置正确打开SQLServerManagementStudio,新建查询: select*fromsys.servers GO //这里可得到原来的计算机名称。然后将其记录下来(复制即可)  看这里的name是否和你的服务器的计算机名称一样,如果一样可以跳到文档(二),否则请按如下操作更改 新建查询:

    2022年10月10日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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