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

2023-12-22 16:49:32

🍁 作者:知识浅谈,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
  5. npm install axios 安装url请求依赖

🎈配置基础路由

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 知识浅谈

文章来源:https://blog.csdn.net/qq_37699336/article/details/135153061
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。