2024年vscode 前端常用必备插件汇总，研发4面真题解析（Web前端岗）

2401_84617356

于 2024-05-10 22:28:59 发布

阅读量1k

点赞数 26

分类专栏：程序员文章标签：前端面试学习

本文链接：https://blog.csdn.net/2401_84617356/article/details/138684512

版权

程序员专栏收录该内容

108 篇文章 0 订阅

订阅专栏

最后

编程基础的初级开发者，计算机科学专业的学生，以及平时没怎么利用过数据结构与算法的开发人员希望复习这些概念为下次技术面试做准备。或者想学习一些计算机科学的基本概念，以优化代码，提高编程技能。这份笔记都是可以作为参考的。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

名不虚传！字节技术官甩出的"保姆级"数据结构与算法笔记太香了

==============================================================================================

在这里插入图片描述

Bracket Pair Colorizer 给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色

============================================================================================================================

在这里插入图片描述

Auto Close Tag 自动闭合HTML/XML标签

===========================================================================================

在这里插入图片描述

Auto Rename Tag 自动完成另一侧标签的同步修改

============================================================================================

在这里插入图片描述

Path Intellisense 自动提示路径，快速导入文件。

==============================================================================================

在这里插入图片描述

indent-rainbow(提示缩进是否到位，没到位颜色变红)

==============================================================================================

在这里插入图片描述

CSS Peek(点击样式命名直接跳转定义样式位置)

=========================================================================================

在这里插入图片描述

Prettier - Code formatter（当前文件保存后自动格式化）

=====================================================================================================

在这里插入图片描述

Guides（显示代码对齐辅助线）

===============================================================================

在这里插入图片描述

Rainbow Brackets（方括号圆括号大括号提供彩虹色）

=================================================================================================

在这里插入图片描述

Material Theme（主题色彩）

==================================================================================

在这里插入图片描述

Live Server（监听 Ctrl + s 页面自动刷新）

=============================================================================================

在这里插入图片描述

indent-rainbow （彩色缩进清晰查看缩进）

==========================================================================================

在这里插入图片描述

Beautify 代码格式化。

=============================================================================

在这里插入图片描述

小技巧：对象或者解构赋值老是换行。

在vscode 设置里面修改如下

“beautify.config”: { “brace_style”: “collapse,preserve-inline”}

Document This js代码规范注释

====================================================================================

在这里插入图片描述

npm Intellisense npm 模块导入插件

=========================================================================================

在这里插入图片描述

JavaScript(ES6) code snippets ES6语法智能提示，快速输入，还支持.js，还支持.ts，.jsx，.tsx，.html，.vue

=============================================================================================================================================

在这里插入图片描述

TypeScript Hero TS开发提示工具

======================================================================================

在这里插入图片描述

Code Spell Checker 英语拼写检测，对于js命名很有用

=================================================================================================

在这里插入图片描述

React/Redux/react-router Snippets react智能提示。

==========================================================================================================

在这里插入图片描述

Node.js Modules Intellisense node.js智能提示。

=======================================================================================================

在这里插入图片描述

最后

资料过多，篇幅有限

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

[外链图片转存中…(img-g3GB6eTA-1715351316096)]

[外链图片转存中…(img-xssz84yY-1715351316097)]

资料过多，篇幅有限

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

2401_84617356

关注

26
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
2024年vscode 前端常用必备插件汇总，研发4面真题解析（Web前端岗）

编程基础的初级开发者，计算机科学专业的学生，以及平时没怎么利用过数据结构与算法的开发人员希望复习这些概念为下次技术面试做准备。或者想学习一些计算机科学的基本概念，以优化代码，提高编程技能。这份笔记都是可以作为参考的。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】Bracket Pair Colorizer 给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色Auto Close Tag 自动闭合HTML/XML标签。
复制链接

扫一扫