这篇文章给大家聊聊关于深入浅出系列八: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并没有发挥出它的价值,也没有按照预期自动修复发现的代码问题。我们仍然需要手动修复它们。看来这个命令不太靠谱,还是得靠人。
好了,文章到此结束,希望可以帮助到大家。
【深入浅出系列八:Ant Design在前端开发中的应用技巧】相关文章:
2.米颠拜石
3.王羲之临池学书
8.郑板桥轶事十则
用户评论
React 系列一直追得比较劲啊,终于到了 ant 了!
有12位网友表示赞同!
之前用过 ant Design 组件库,真好用!
有7位网友表示赞同!
期待学习 ant 的使用技巧和一些高级用法。
有7位网友表示赞同!
不知道这期会讲到什么具体的设计原则?
有8位网友表示赞同!
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位网友表示赞同!