Front-End React Pack:提升React前端开发效率的扩展包
Front-End React Pack 是一个专门为React前端开发者打造的扩展包,旨在帮助开发者以更高的质量和速度编写代码。本包包含了最新的VS Code扩展,涵盖了从代码片段到调试工具的全面支持。
包含的扩展:
- VS Code ES7 React/Redux/React-Native/JS snippets:提供ES7语法下的JavaScript和React/Redux代码片段,支持Babel插件功能。
- Simple React Snippets:提供React开发的基本代码片段和命令集合。
- React Native Tools:为React Native项目提供开发环境,支持调试和快速运行命令。
- ReacTree:可视化React应用中的组件层次结构,帮助开发者快速识别组件之间的关系。
- JavaScript (ES6) code snippets:提供ES6语法的JavaScript代码片段,支持JavaScript和TypeScript。
- JavaScript and TypeScript Nightly:使用TypeScript的夜间构建版本,增强JavaScript和TypeScript的智能感知功能。
- Babel JavaScript:提供ES201x、React JSX、Flow和GraphQL的语法高亮功能。
- HTML Boilerplate:提供标准的HTML模板代码。
- HTML CSS Support:为HTML的id和class属性提供自动完成功能。
- Sass:提供Sass语法高亮、自动完成和格式化功能。
- Live Sass Compiler:实时编译Sass或Scss到CSS,并支持浏览器实时刷新。
- Styled Components:为styled-components模板字符串提供高亮和智能感知功能。
- Live Server:启动本地开发服务器,支持静态和动态页面的实时刷新。
- Auto Rename Tag:自动重命名配对的HTML/XML标签。
- ESLint:集成ESLint到VSCode中,检查JavaScript代码格式。
- Prettier:一个固执己见的代码格式化工具,强制执行一致的代码风格。
- Error Lens:通过突出显示语言诊断功能,使诊断信息更加显眼,并在行内打印消息。
- Path Intellisense:自动完成文件名。
- Npm Intellisense:在导入语句中自动完成npm模块。
- Import Cost:在编辑器中显示导入包的大小,使用webpack检测导入大小。
- SVG:提供强大的SVG语言支持,几乎涵盖了处理SVG所需的所有功能。
想要添加你的扩展?
欢迎提交PR,我们会审核并考虑添加到本扩展包中。
本站所有资源都是由网友投稿发布,或转载各大下载站,
请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则
产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:study_golang@163.com