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

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

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

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

android 自定义progressdialog,自定义ProgressDialog

android 自定义progressdialog,自定义ProgressDialog最近工作中需要用到progressDialog，可是系统自带的黑色progressDialog又是其丑无比，无奈只能自己自定义了，在网上查看别人的例子，并自己整理了一份Demo：先上图：MyProgressDialog：packagecom.example.myprogressdialog_zzw;importandroid.app.Dialog;importandroid.content….

全栈程序员-站长
2022年7月14日
新手入门：websocket

新手入门：websocketWebSocket详解1、什么是Socket？什么是WebSocket？2、WebSocket的通信原理和机制3、WebSocket技术出现之前，Web端实现即时通讯的方法有哪些？4、一个简单的WebSocket聊天小例子8、结语1、什么是Socket？什么是WebSocket？对于第1次听说WebSocket技术的人来说，两者有什么区别？websocket是仅仅将socket的概念移植到浏览器中的实现吗？我们知道，在网络中的两个应用程序（进程）需要全双工相互通信（全双工即双方可同时向对方发送消息），

全栈程序员-站长
2022年7月11日
Generic-Host 快速使用指南

Generic-Host 快速使用指南.NETCORE中的GenericHost本文以自己在工作中学习和使用.netcoregenerichost作一个总结。前言在创建的ASPNETCORE项目中，我们可以在中看见，

全栈程序员-站长
2022年7月3日
Java中static作用及用法详解「建议收藏」

Java中static作用及用法详解「建议收藏」static是静态修饰符，什么叫静态修饰符呢？大家都知道，在程序中任何变量或者代码都是在编译时由系统自动分配内存来存储的，而所谓静态就是指在编译后所分配的内存会一直存在，直到程序退出内存才会释放这个空间，也就是只要程序在运行，那么这块内存就会一直存在。这样做有什么意义呢？在Java程序里面，所有的东西都是对象，而对象的抽象就是类，对于一个类而言，如果要使用他的成员，那么普通情况下必须先实例化对象后，通过对象的引用才能够访问这些成员，但是用static修饰的成员可以通过类名加“.”进行直接访问。

全栈程序员-站长
2022年7月8日
laravel 在nginx服务器上除了首页其余都是404的问题

laravel 在nginx服务器上除了首页其余都是404的问题

全栈程序员-站长
2021年10月27日
input属性onpaste和oncontextmenu[通俗易懂]

input属性onpaste和oncontextmenu[通俗易懂]onpaste=”return

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

发表回复

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