VScode前端常用插件推荐

最新推荐文章于 2024-06-10 15:06:17 发布
最新推荐文章于 2024-06-10 15:06:17 发布
阅读量562 收藏 3
点赞数 1
分类专栏： vscode 文章标签： vscode 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40086382/article/details/136914475
版权

Color Highlight—查看css颜色

在这里插入图片描述
这个插件可以让我们在vscode中看到代码中的颜色，效果如图所示
在这里插入图片描述
在这里插入图片描述

Chinese (Simplified) (简体中文) Language Pack for Visual Studi ------ 简体中文语言包

把vscode翻译为中文
在这里插入图片描述

Auto Rename Tag—自动修改对应的标签

在这里插入图片描述
效果如图所示：

在这里插入图片描述

Paste JSON as Code (Refresh)

将 JSON 粘贴为代码，代码支持TypeScript, Python, Go, Ruby, C#, Java, Swift, Rust, Kotlin, C++, Flow, Objective-C, JavaScript, Elm格式
对应文档：文档
在这里插入图片描述

Live Server

本地运行一个静态服务器，打开网页文件
在这里插入图片描述

选中网页文件，右键打开
在这里插入图片描述

i18n Ally

如果你写了i18n的翻译，就可以在文件中直接查看对应的文字信息

在这里插入图片描述

在这里插入图片描述

“mint”
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VSCode自定义配色文件
11-08
VSCode自定义配色方案 目前在使用的一种配色方案，只要将该文件复制到VSCode的主体文件目录中（$RELEASE/resources/app/extensions），以theme-开头的目录即为颜色主题配置 打开vscode，按键选择ctrl+k，ctrl+t，选择Monokai-My即可切换主题
探索色彩世界：VSCode Colorize 扩展插件
gitblog_00057的博客
05-25 567
探索色彩世界：VSCode Colorize 扩展插件 项目地址:https://gitcode.com/KamiKillertO/vscode-colorize 项目介绍 在前端开发中，色彩的运用至关重要，而VSCode Colorize是一款专为提升CSS颜色视觉体验设计的扩展插件。它能实时地在你的CSS/SASS/Less/PostCSS/Stylus以及XML等文件中展示颜色，让你的代码色...
28 个提升开发幸福度的 VsCode 插件
最新发布
2401_85124329的博客
06-10 1027
总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了vscode中修改字体,使用 Fira Code提高visual studio使用逼格的连体字(Fira code)以及多行编辑(MixEdit)总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。
vscode 个人常用插件推荐及自定义代码颜色配置笔记
regretTAT的博客
05-26 5063
vscode 个人常用插件推荐及自定义代码颜色配置笔记
提高开发效率的必备！超实用的VSCode插件推荐
Shids_的博客
01-03 2万+
提高开发效率的必备！超实用的VSCode插件推荐
VScode神仙插件，程序员必备
m0_74931079的博客
04-12 1398
最近我根据上述的技术体系图搜集了几十套腾讯、头条、阿里、美团等公司21年的面试题，把技术点整理成了视频（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。
详解vscode中vue代码颜色插件
10-17
vscode的确是前端开发中很好的工具，安装颜色插件，从视觉上是美的享受。这篇文章主要介绍了vscode中vue代码颜色插件 ,需要的朋友可以参考下
VsCode插件
qq_50276105的博客
11-01 5144
更厉害的是，对于需要嵌套的标签，你可以直接用 ul>li>a 的格式表示，按下回车后就能看到你需要的嵌套。GitLens — Git supercharged插件，有时候，文件被改了某一处，真的很烦，是不是想找到改你文件的人，上去暴揍一顿，这个时候你就需要这个傻瓜插件了，安装后重启，然后将鼠标单击放在被修改的那一处。设计的大型图标目录与主题融为一体，使其更加美观，这有助于你在资源管理器中轻松找到你的文件。通过一些缩写，能够快速补全icon fonts相关的代码片段，这样能够减少80%以上的手动输入内容。
VSCode代码颜色设置与常用插件
热门推荐
小绿的博客
10-09 3万+
VSCode代码颜色设置与常用插件
VSCode插件
weixin_52173254的博客
06-08 1126
​ (6) Python的语法支持，支持Python的单测、lint、语法高亮、代码格式化、debug、jupyter等功能。这款插件是专门为前端调试开发的，很方便调试，跟谷歌的控制台是一样的功能，安装以后，无需打开浏览器的控制台就能进行断点调试。支持大部分语言自动导入，这一类的插件都很多，但功能都是提供代码片段，作用就是使用几个字符的简写，就可以敲出整段代码。开发神器，当使用多层括号嵌套时，自动将不同层次的括号设置成不同的颜色，防止配对时眼瞎。​ (5)Ayu是一款白色主题，简单、明亮、优雅。
vscode实用插件
山有木兮木有枝 心悦君兮君不知
06-29 2302
日常工作中用到的vscode实用插件
VSCode的Vue工具
08-08
语法加亮 片段 Emmet Linting /错误检查 格式化 自动完成 调试
vscode常用插件压缩包
07-13
这个"vscode常用插件压缩包"很可能是包含了多个为提升VSCode功能和效率而设计的扩展插件。接下来，我们将深入探讨VSCode插件系统以及一些常见的插件及其用途。 1. **代码高亮与美化**： - `Prettier`：这是一个...
vscode常用插件整理汇总
10-15
本文给大家整理汇总了17个常用的vscode装B插件,都是作者费心整理出来的,希望大家能够喜欢
VsCode常用插件(前端开发)
07-13
VsCode常用插件(前端开发)，上传备用，免费下载。
便携式vscode,集成嵌入式常用插件（解压即用）
07-18
在“便携式vscode,集成嵌入式常用插件（解压即用）”的场景中，我们可以理解这是一个经过特殊配置的VSCode版本，特别适合于进行嵌入式开发工作，并且具有便携性的特点。 便携式软件通常指的是不需要安装即可使用的...
vscode插件vscode插件
12-22
3. **调试工具**：VSCode的强大调试功能也离不开插件的辅助，比如Debugger for Chrome用于前端开发时与Chrome浏览器的联动调试，Python Debugging插件则为Python开发者提供了强大的调试环境。 4. **版本控制**：Git...
VScode插件（自用）
DespairA的博客
09-03 5310
一、Material Icon Theme 图标插件 它采用了 Google Material Design 风格，文件图标以及文件夹图标覆盖非常的全面。 二、 颜色主题插件Themes（代码颜色）中的 Monokai Dimmed 三、css peek 使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代..
【Vscode】 Vscode常用插件
amoureux555的博客
09-12 3406
Vscode常用插件
vscode 前端常用必备插件汇总。
07-27
对于前端开发，VS Code 是一个非常流行的编辑器，有许多常用的插件可以提高开发效率。以下是一些前端常用的必备插件： 1. ESLint：用于代码风格检查和自动修复，帮助保持代码质量。 2. Prettier：用于代码格式化，可以根据预设的规则自动格式化代码。 3. HTML CSS Support：提供 HTML 和 CSS 的智能提示和代码片段。 4. Auto Rename Tag：自动重命名 HTML 或 XML 标签的闭合标签。 5. Bracket Pair Colorizer：为代码中的括号提供颜色标识，方便查看代码结构。 6. Path Intellisense：路径自动补全插件，方便引入文件和库。 7. GitLens：增强了 Git 功能，可以在编辑器中显示 Git 信息和注释。 8. Live Server：提供一个本地开发服务器，实时预览前端页面效果。 9. Debugger for Chrome：在 VS Code 中调试 JavaScript 和 TypeScript 代码。 10. IntelliSense for CSS class names：CSS 类名的智能提示和补全功能。 这只是一些常用的插件，根据个人需求和项目特点，还可以安装其他插件来增强开发体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值