React系列：react项目的创建到可以编写业务的一些列初始化

🍁 作者：知识浅谈，CSDN签约讲师，CSDN博客专家，华为云云享专家，阿里云专家博主
📌 擅长领域：全栈工程师、爬虫、ACM算法
💒 公众号：知识浅谈
🔥网站：vip.zsqt.cc

🤞react项目的创建到可以编写业务的一些列初始化🤞

🎈安装各种依赖

1. npx create-react-app 项目名 创建项目
2. npm install react-router-dom 安装路由
3. npm install sass -D 安装sass
4. npm install antd --save 安装antDesign

🎈配置基础路由

router->index.js 中添加代码

import {createBrowserRouter} from "react-router-dom";
import Layout from "../pages/Layout";
import Login from "../pages/Login";

const router = createBrowserRouter([
    {
        path:'/',
        element:<Layout/>
    },
    {
        path:'/login',
        element:<Login/>
    }
])
export default router

根目录中的index.js中引入路由

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import {RouterProvider} from 'react-router-dom'
import router from './router';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <RouterProvider router={router}/>
  </React.StrictMode>
);

🎈配置别名路径

看我上一篇文章：React系列：配置@别名路径并配置联想

🎈配置仓库

在gitee上自己创建仓库 ，在自己电脑上配置ssh key，（网上找一个配置过程 或者 找我之前的文章看一下）

1. cd 到你的本地项目目录下
2. git add *
3. git commit -m “初始化项目配置”
4. git push -u origin “master”

🎈开始业务模块

上边的环境准备好就可以开始后续的业务开发工作。

🍚总结

大功告成，撒花致谢🎆🎇🌟，关注我不迷路，带你起飞带你富。
Writted By 知识浅谈