react开发vscode插件推荐

2024-04-06 07:37:02

由于本人主要是做react开发，用的代码编辑器是传说中的宇宙第一前端神器vscode, 所以在这里记录并推荐一些本人开发过程中常用的一些vscode插件帮助开发。

1. 代码提示类插件

1.1 Reactjs code snippets

1.2 React Redux ES6 Snippets

1.3 React-Native/React/Redux snippets for es6/es7

1.4 JavaScript (ES6) code snippets(es6代码片段)

1.5 Typescript React code snippets(这是tsx的react组件片段)

有了上述这些代码片段提示插件就可以大大增加码代码的速度了。

2. 美化类插件

2.1 One Dark Pro(atom风格主题)

2.2 vscode-icons(文件图标)

赏心悦目的界面让你越敲越有劲。

3. 其他实用类插件

3.1 Beautify css/sass/scss/less(样式代码格式化)

3.2 npm Intellisense(对package.json内中的依赖包的名称提示)

3.3 Path Intellisense(文件路径补全)

3.4 cssrem(px转换为rem)

3.5 CSS Modules(对使用了css modules的jsx标签的类名补全和跳转到定义位置)

以上的插件都安装好了的话基本就可以使用vscode愉快地进行react开发了, 我这里只给出了一些基本常用的插件，如果你发现其他好用的插件请回复我，我将十分感谢。

最后忘了一个插件，不同设备上的vscode配置同步

Settings Sync

有了它就不用每次换个开发环境又重新配置一遍vscode了。

最后的最后，我只想说，vscode强无敌，vscode大法好！

我自己日常开发中使用的扩展

react开发vscode插件推荐相关推荐

flutter开发vscode插件推荐（开发必备）
这里是坚果前端小课堂,大家喜欢的话,可以关注我的公众号"坚果前端,",或者加我好友,获取更多精彩内容 vscode开发插件推荐扩展是完成工作的快捷方式.许多扩展有助于减少重复性工 ...
用vscode编写静态页面_开发中实用的VSCode插件推荐
本篇文章给大家介绍一下开发中实用的VSCode插件推荐.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 工欲善其事必先利其器,以下是本人为前端开发收集的vscode插件,有需要的话赶 ...
程序猿开发软件插件推荐
程序猿开发软件插件推荐编程软件 JetBrains全家桶 JetBarins的全家桶操作都很类似,所以习惯其中一个之后熟悉起来so easy,妈妈再也不用单心的学习了! 之后是我比较常用的:PyCh ...
vscode插件推荐(个人使用)
前言现在市面上的vscode推荐五花八门,八成的推荐都是cv出来的,毫无任何的意义,所以在这里自己整理一份属于自己的vscode插件推荐,可以给各位难兄难弟一点小小的建议以下插件顺序不分先后,纯粹 ...
npm 安装less插件_2020 VSCode插件推荐
工欲善其事必先利其器,从事前端开发已近两年多,休闲时候收录一些觉得常用的插件. DOM操作 Auto Close Tag 自动闭合HTML标签. Auto Rename Tag 自动重命名标签. Au ...
2023年最新最全 VSCode 插件推荐
Visual Studio Code 是由微软开发的一款免费的.针对于编写现代Web和云应用的跨平台源代码编辑器.它包含了一个丰富的插件市场,提供了很多实用的插件.下面就来分享 2023 年前端必备的 ...
使用react开发谷歌插件
前言自己搭架子确实不会,好在github上有已经搭好的架子,具体见:https://github.com/satendra02/react-chrome-extension 项目是基于react16 ...
HeyUI组件库发布vscode插件，PS教程: 如何开发vscode插件？
前沿 HeyUI组件库,我们项目组已经用了一年多了. 一直没有对应的组件库插件,我一直耿耿于怀. 所以,抽时间查阅了vscode的插件开发教程,终于把vscode的插件完成了. 在此奉上我们的插件库链 ...
前端开发Vscode插件
前端开发vscode必备插件: 1.vscode代码换肤: 名称:One Dark Pro 展示: 用法: 进入插件页面后点击设置颜色主题进行切换 2.项目代码量统计工具: 名称:VS Code Co ...

最新文章

热门文章