1. 全栈程序员必看首页

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

全栈程序员-站长 • • 未分类 • 阅读 9

前端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

关于作者

全栈程序员-站长的头像

全栈程序员-站长

133.5K 文章
3 粉丝
本网站汇聚当前互联网主流语音，持续更新，欢迎关注公众号“全栈程序员社区”
上一篇 2022年7月25日 下午10:16
下一篇 2022年7月25日 下午10:16


相关推荐

  • Python Selenium库的使用「建议收藏」

    Python Selenium库的使用「建议收藏」

    （一）Selenium基础入门教程：Selenium官网教程1.Selenium简介Selenium是一个用于测试网站的自动化测试工具，支持各种浏览器包括Chrome、Firefox、Safari等主流界面浏览器，同时也支持phantomJS无界面浏览器。2.支持多种操作系统如Windows、Linux、IOS、Android等。3.安装Selenium…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年4月14日
    38
  • C语言字符串赋值的方法

    C语言字符串赋值的方法

    C语言字符串赋值的方法首先 C 语言没有向 C Java python 等面向对象的语言中 string 这样的字符串类型 C 语言中的字符串是存放在字符型数组中的 C 语言中 常见的 3 种字符串赋值有如下 1 通过字符数组直接初始化 intmain charstr 10 China 还可以写成 charstr 10 str 10 China printf str s amp str return0 但是 直接把数组元素赋值给数组名 也就是数组首元素的地址 是不

    全栈程序员-站长的头像 全栈程序员-站长
    2026年3月20日
    2
  • 最优化方法期末复习

    最优化方法期末复习

    最优化方法期末复习最优化理论与方法知识点总结目录最优化理论与方法知识点总结 1 一 最优化简介 21 1 最优化应用举例 21 2 基本概念 21 3 向量范数 31 4 矩阵范数 31 5 极限的定义 31 6 方向导数存在性和计算公式 41 7 梯度定义 41 8 海塞矩阵 51 9 泰勒展开式 51 10 凸集定义 51 11 凸集性质 51 12 凸函数定义 61 13 凸函数判断 61 14 矩阵正定与半正定判断 61 15 例题 判断矩阵是否正定 71 16 凸优化 7 二 线性规划 72 1 线性规划

    全栈程序员-站长的头像 全栈程序员-站长
    2026年3月19日
    2
  • Python之旅.第五章.面向对象

    Python之旅.第五章.面向对象

    Python之旅.第五章.面向对象

    全栈程序员-站长的头像 全栈程序员-站长
    2021年5月26日
    87
  • 让你的网页更精彩 – Javascript 调用MSAgent

    让你的网页更精彩 – Javascript 调用MSAgent

    让你的网页更精彩 – Javascript 调用MSAgent<!–让你的网页更精彩–MicrosoftAgent在网页上的简单应用（本文假设您使用WindowsXP或Windows2000操作系统）不知在你漫游互联网时可曾在他开某个网页时看到一个小巫师，蓝色的袍子上满是金黄的星星和月亮十分可爱。他会向你问好，给你介绍这个网站。你一定奇怪，那个巫师是怎么做出来的。其实他并不是网页实现的而是微软的一…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月16日
    24
  • <span role="heading" aria-level="2">JS部分

    JS部分

    前端三剑客（HTML，CSS，JavaScript）JS概念JS语言的特点JS的历史1992年Nombas开发出C-minus-minus(C–)的嵌入式脚本语言(最初绑定在CEnvi软件中

    全栈程序员-站长的头像 全栈程序员-站长
    2022年3月29日
    46

发表回复

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

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