深入浅出系列：React开发教程之第八讲——Ant设计组件实战

大家好，关于深入浅出系列：React开发教程之第八讲——Ant设计组件实战很多朋友都还不太明白，今天小编就来为大家分享关于的知识，希望对各位有所帮助！

前言

上一篇文章介绍了如何使用ant-design-pro作为脚手架快速开发你的React应用程序并解决运行时的Uncaught Error。

未捕获的Error: 嵌套在路径“/user”下的绝对路由路径“/*”无效。在浏览器中运行成功。使用start命令，这是ant-design-pro提供的辅助开发命令之一。

ant-design-pro 还提供了哪些命令来辅助开发？本文将对它们进行一一介绍。

start

运行此脚本将启动服务并自动打开默认浏览器来显示您的页面。当您重新编辑代码时，页面会自动刷新。

start

build

运行此脚本将编译您的项目。可以在项目的dist目录下找到编译好的文件进行部署。

build如果需要部署，可以勾选部署。

analyze

分析脚本与构建执行相同的操作，但它会打开一个页面来显示您的依赖项信息。如果您需要优化性能和数据包大小，则需要它。

分析

lint

我们提供了一系列的lint脚本，包括TypeScript、less、css和md文件。您可以使用此脚本来检查代码是否存在问题。在提交中我们自动运行相关的lint。

lint(o)…ant-design-pro创建的项目代码居然有错误(o)…。以下命令尝试修复它。

lint:fix

与lint 相同，但自动修复lint 错误。

lint:fix提示已完成。不知道lint发现的代码问题是否已经修复。我再次执行命令lint，发现没有修复，o(﹏)o

这里介绍

总结

，帮助我们开发常用命令。其他不常见命令暂时不接受。如果您需要了解更多，可以前往官方网站了解更多。

用户评论

月下独酌

一直在学习前端框架，这次终于开始学Ant了！

    有7位网友表示赞同！

陌颜幽梦

感觉react配合ant design简直是梦幻组合。

    有17位网友表示赞同！

有一种中毒叫上瘾成咆哮i

之前没有接触过antd，希望这个系列能够让我快速上手!

    有17位网友表示赞同！

眼角有泪°

期待这篇文章能介绍一下ant的一些常用组件吧！

    有13位网友表示赞同！

初阳

学习新框架总是会让人兴奋！

    有6位网友表示赞同！

抚涟i

react和ant 结合起来开发效率真的高啊！

    有18位网友表示赞同！

采姑娘的小蘑菇

已经开始关注这个系列了，希望我能学到很多.

    有14位网友表示赞同！

花菲

前端工程师必备的技能之一啊！

    有16位网友表示赞同！

千城暮雪

想要了解antd的布局组件，这个系列来得很及时。

    有5位网友表示赞同！

烟花巷陌

看标题感觉可以从基础开始学习，挺好的。

    有8位网友表示赞同！

莫失莫忘

终于不用再手动编写各种按钮导航等常用组件了！

    有18位网友表示赞同！

代价是折磨╳

以前用的是bootstrap，现在想试试ant design！

    有13位网友表示赞同！

雨后彩虹

最近项目需要用到react，来学习ant正好时间合适。

    有5位网友表示赞同！

柠栀

希望能全面介绍ant的一些使用技巧和案例分享。

    有8位网友表示赞同！

慑人的傲气

学习antd的好时机是这个点了！

    有11位网友表示赞同！

凝残月

期待作者分享实战经验，让学习更有意义。

    有8位网友表示赞同！

看我发功喷飞你

感觉Ant的设计风格很清新美观！

    有17位网友表示赞同！

若他只爱我。

这篇文章一定能帮助我解决一些前端开发的痛点

    有15位网友表示赞同！

浅笑√倾城

学习新东西总是有挑战，但也是收获满满的过程!

    有16位网友表示赞同！

她最好i

继续支持作者！期待更多精彩文章。

    有15位网友表示赞同！

【深入浅出系列：React开发教程之第八讲——Ant设计组件实战】相关文章：

1.蛤蟆讨媳妇【哈尼族民间故事】

2.米颠拜石

3.王羲之临池学书

4.清代敢于创新的“浓墨宰相”——刘墉

5.“巧取豪夺”的由来－－米芾逸事

6.荒唐洁癖　惜砚如身（米芾逸事）

7.拜石为兄－－米芾逸事

8.郑板桥轶事十则

9.王献之被公主抢亲后的悲惨人生

10.史上真实张三丰：在棺材中竟神奇复活