深入浅出系列八:Ant Design在前端开发中的应用技巧

更新:11-09 名人轶事 我要投稿 纠错 投诉

这篇文章给大家聊聊关于深入浅出系列八:Ant Design在前端开发中的应用技巧,以及对应的知识点,希望对各位有所帮助,不要忘了收藏本站哦。

React系列系列:

前端React系列1 : React简介

前端React系列2 : Create-react-app简介

前端React系列3 : TypeScript简介

前端React系列4:Ant Design简介

前端React系列五:React+CRA+TS+Ant Design 高效开发前端

前端React系列六:ant-design-pro简介

前端React系列七:ant-design-pro架构

前端React系列八:ant-design-pro辅助开发命令

前端React系列9:Umi简介

前端React系列10:umi环境变量

前言

上一篇文章介绍了如何使用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

这里介绍

总结

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

lint:fix并没有发挥出它的价值,也没有按照预期自动修复发现的代码问题。我们仍然需要手动修复它们。看来这个命令不太靠谱,还是得靠人。

好了,文章到此结束,希望可以帮助到大家。

用户评论

疯人疯语疯人愿

React 系列一直追得比较劲啊,终于到了 ant 了!

    有12位网友表示赞同!

刺心爱人i

之前用过 ant Design 组件库,真好用!

    有7位网友表示赞同!

何年何念

期待学习 ant 的使用技巧和一些高级用法。

    有7位网友表示赞同!

寒山远黛

不知道这期会讲到什么具体的设计原则?

    有8位网友表示赞同!

容纳我ii

ant 设计真的很美观啊,希望能掌握它的调性!

    有19位网友表示赞同!

哭花了素颜

之前想写项目用过 ant 还没深入了解,这期不错!

    有8位网友表示赞同!

素婉纤尘

前端组件库真的必备技能,学习 ant 很有意义。

    有5位网友表示赞同!

仅有的余温

听说 ant 的文档特别好理解,适合新手入门吗?

    有13位网友表示赞同!

青衫故人

希望讲解细致一点,能让小白也能get 到其中的点子!

    有11位网友表示赞同!

拥抱

现在前端开发这么多组件库,怎么选择才是最重要的?

    有20位网友表示赞同!

孤者何惧

能跟进这整个系列学到很多丰富的知识!

    有17位网友表示赞同!

几妆痕

学习 ant 可以提升项目开发效率吗?可以分享一下你的经验吗?

    有19位网友表示赞同!

棃海

想看看 ant 的使用案例,特别是跨平台开发的应用场景。

    有16位网友表示赞同!

浅巷°

期待讲师分享一些实际项目中遇到 ant 设计的问题和解决方案!

    有5位网友表示赞同!

花花世界总是那么虚伪﹌

学完这个系列能打造一个完整的 React 项目了吗?

    有19位网友表示赞同!

淡抹丶悲伤

希望这期也能讲解 ant 的性能优化的技巧!

    有9位网友表示赞同!

灵魂摆渡人

前端学习路很长,感谢持续更新优质的学习资源!

    有14位网友表示赞同!

海盟山誓总是赊

学习这个系列感觉自己都离成为高手更近一步了!

    有18位网友表示赞同!

怪咖

这期视频内容很棒,讲解清晰易懂,学到了很多新的知识点!

    有17位网友表示赞同!

【深入浅出系列八:Ant Design在前端开发中的应用技巧】相关文章:

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

2.米颠拜石

3.王羲之临池学书

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

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

6.荒唐洁癖 惜砚如身(米芾逸事)

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

8.郑板桥轶事十则

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

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

上一篇:揭秘影视评委会群的新玩法:大富豪娱乐体验大升级 下一篇:2024年美团外卖优惠券兑换码大全(美团红包兑换活动)