vscode 前端常用必备插件汇总(1)

最新推荐文章于 2024-05-15 09:10:58 发布

2401_84097436

最新推荐文章于 2024-05-15 09:10:58 发布

阅读量545

点赞数 25

分类专栏：程序员文章标签： vscode 前端 ide

本文链接：https://blog.csdn.net/2401_84097436/article/details/138496099

版权

程序员专栏收录该内容

261 篇文章 0 订阅

订阅专栏

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

在这里插入图片描述

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智能提示。

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

在这里插入图片描述

ES7 React/Redux/GraphQL/React-Native snippets （更加好用的react提示工具，丰富的快捷键）

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

在这里插入图片描述

Vue 3 Snippets (vue2,vue3的一些快捷代码块)

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

在这里插入图片描述

px to rem & rpx （px转换rem工具）

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

在这里插入图片描述

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

2401_84097436

关注

25
点赞
踩
20

收藏

觉得还不错? 一键收藏
0
评论
vscode 前端常用必备插件汇总(1)

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
复制链接

扫一扫