React系列:react项目的创建到可以编写业务的一些列初始化
2023-12-22 16:49:32
🍁 作者:知识浅谈,CSDN签约讲师,CSDN博客专家,华为云云享专家,阿里云专家博主
📌 擅长领域:全栈工程师、爬虫、ACM算法
💒 公众号:知识浅谈
🔥网站:vip.zsqt.cc
🤞react项目的创建到可以编写业务的一些列初始化🤞
🎈安装各种依赖
npx create-react-app 项目名
创建项目npm install react-router-dom
安装路由npm install sass -D
安装sassnpm install antd --save
安装antDesignnpm 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,(网上找一个配置过程 或者 找我之前的文章看一下)
- cd 到你的本地项目目录下
- git add *
- git commit -m “初始化项目配置”
- git push -u origin “master”
🎈开始业务模块
上边的环境准备好就可以开始后续的业务开发工作。
🍚总结
大功告成,撒花致谢🎆🎇🌟,关注我不迷路,带你起飞带你富。
Writted By 知识浅谈
文章来源:https://blog.csdn.net/qq_37699336/article/details/135153061
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!