React-创建一个项目

• 技术栈：React + TypeScript
• 组件：Ant Design
• 样式：Scss + Tailwind css
• 管理工具：webpack5 + npm + git

步骤

1. 安装
   • 可以先针对一个安装然后在安装其他依赖
   • 重点在webpack的配置
2. 在上面的基础上，目录已经基本配置好
3. 在src目录下新建各个页面
4. 在component页面下存放全局的组件，比如统一的布局组件和基础的组件
5. 将assets目录移动到public目录下，在页面中可以使用相对路径或绝对路径来使用本地图片
6. 如果存在统一的布局，请在component文件夹下创建布局组件
7. 在react中没有插槽<slot />，可以使用{children}来代替，

• 示例：

  const Test = (props) => {
  	const { children } = props
  	return (<div>{children}</div>)
  }

1. 创建路由表，统一管理路由
   • 可以参考 React-创建路由统一管理配置
2. 编写好静态页面
3. 部署后台服务器
4. 连接数据库
5. 设置前端跨域，前后数据联通
6. 调用接口，渲染页面
7. 调整样式，保证移动端的和网页段的页面布局样式响应和动画