手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何利用Ant Design 快速搭建前端项目

时间:2024-10-14 14:06:08

1、【环境准备】你的本地环境需要安装yarn、node和git。他们的技术栈基于ES2015+、React、UmiJS、dva、g2和antd,提前了解和学习这些知识会非常有帮助。

2、【安装】新建一个空的文件夹作为项目目录,并在目录下执行:yarn create umi或者 npm create umi

3、【选择】选择 ant-design-proAnt Design Pro 脚手架将会自动安装。

如何利用Ant Design 快速搭建前端项目

4、【打开目录】用idea或者其他编辑器打开生成的项目目录,可以看到整个项目的目录结构。

如何利用Ant Design 快速搭建前端项目

5、【安装依赖】npm install如果网络状况不佳,可以使用tyarn进行加速或者把node的源切换到国内的镜像源。

6、【启动项目】npm start启动完成后会自动打开浏览器访问http://localhost:8000,你看到下面的页面就代表成功了。接下来你就可以修改代码进行业务开发了.

如何利用Ant Design 快速搭建前端项目

7、【总结】:1.环境准备2.安装3.选择4.打开目录5.安装依赖6.启动项目

© 手抄报圈