create-react-app之开发

本文详细介绍了在Create React App环境中设置编辑器、开发隔离组件、分析捆绑包大小以及开发时使用HTTPS的步骤。包括在VS Code和WebStorm中调试React应用,集成Prettier自动格式化代码,以及如何使用Storybook和Styleguidist来开发和展示UI组件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

1.设置编辑器

 

如果配置正确,Create React App会提供许多工具来改善编辑体验。这里有一些技巧,可以最大程度地提高您的生产力:

 

1.1 语法高亮

 

要在您喜欢的文本编辑器中配置语法突出显示,请转到相关的Babel文档页面并按照说明进行操作。其中涵盖了一些最受欢迎的编辑器。

 

1.2 在编辑器里显示lint的输出

 

一些编辑器,包括Sublime Text,Atom和Visual Studio Code,都提供了ESLint的插件。

linting不是必需的。您应该在终端以及浏览器控制台中看到linter输出。如果您希望将linting结果显示在编辑器中,请确保安装了ESLint插件/扩展。

请注意,即使您自定义ESLint配置,这些更改也只会影响编辑器集成。它们不会影响终端和浏览器内的lint输出。这是因为Create React App故意提供了最小的规则集来查找常见错误。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值