Umi + React + Ant Design Pro + TS 项目搭建
umijs/plugins 是 Umi 的官方插件集,包含了 valtio、react-query、styled-components、locale、access、qiankun 等大量插件,可让用户通过配置的方式一键开启和使用。@ant-design/pro-layout 是用于生成中后台布局的组件。(将运行时依赖和编译时依赖分别保存到 dependencies 和 devDependencie
新建项目目录
mkdir 【项目名称】
在对应目录 D:\react\demo 中,安装 Umi 脚手架:
yarn create umi
接下来,安装将要用到的相关依赖 @umijs/plugins:
npm i @umijs/plugins -D
@umijs/plugins 是 Umi 的官方插件集,包含了 valtio、react-query、styled-components、locale、access、qiankun 等大量插件,可让用户通过配置的方式一键开启和使用。
安装成功:
继续安装 antd , axios , @ant-design/pro-layout:
antd 是基于 Ant Design 设计体系的 React UI 组件库;
axios 是前端常用的网络请求库;
@ant-design/pro-layout 是用于生成中后台布局的组件。(将运行时依赖和编译时依赖分别保存到 dependencies 和 devDependencies,这也是目前社区推荐的方式。)
npm i antd axios @ant-design/pro-layout -S
安装完成:
大功告成,执行命令启动项目:
npm run dev
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)