『亚马逊云科技产品测评』活动征文｜使用react + ant design 构建 后台管理系统

亚马逊云科技云上探索实验室活动征文｜使用react + ant design 构建 后台管理系统

授权声明：本篇文章授权活动官方亚马逊云科技文章转发、改写权，包括不限于在 Developer Centre, 知乎，自媒体平台，第三方开发者媒体等亚马逊云科技官方渠道

前言

作为一名前端开发工程师，后台管理系统，是我们平常开发时，经常需要开发的一个系统类型。开发后台管理系统，可谓是前端开发一个必备的技能。
既然后台管理系统这么重要，人人必备的一个技能，不会开发后台管理系统怎么办？
没关系，那我就介绍一下，怎么开发一个后台管理系统，并且将它部署到服务器上面。

前端项目开发

前端项目，我是采用react技术栈来开发的。react，也是前端目前流行的三大框架之一。特别是一些大厂，挺多项目都是使用react来开发的。
组件库我是使用了ant design。作为reacter，想必你经常听到这个组件库。没错，它是react开发里经常使用到一个ui组件库。

创建项目

我们需要先创建项目，这样才能开发。
这里我打算使用vue官方推出的脚手架vite，来创建项目
我们进入到vite的官网，然后点击开始，进入到文档页面。
点击左侧菜单栏，开始

vite官方文档里，有给出说明，我们按照这个说明，去创建项目即可。
在cmd里运行命令

npm create vite@latest

运行命令后，按照步骤提示，一步一步选择即可。
选择完之后，项目就创建好了。不过只是项目创建好了，但是里面的依赖还没有安装。我们进入项目里，安装依赖。
安装的时候，由于需要安装依赖，所以需要等待一会。
项目创建好了，接着，我们引入一下ant design组件库。
进入到ant design官网，在研发里，官方文档给出了提示，告诉我们怎么在项目里，引入ant design

在cmd里，输入命令

npm install antd --save