react项目创建

前言

react项目用脚手架创建完还会有很多不要的东西有很多需要却没有的东西所以npx create-react-app name之后还要进行相关操作

一、脚手架创建

1.进入项目大目录

2.脚手架创建

npx create-react-app xiangmuname

二、git

生成仓库
https://www.cnblogs.com/biuo/p/15319978.html

三、删除src目录下的所有东西

打开vscode 删除src目录下的所有东西

四、npm路由包

npm install react-router-dom@5.3.0

五、创建目录结构

六、创建index.js h和App.js

index.js


// 入口文件 在项目中  就像一个清单一样

// 引入核心组件
import './App'

// 引入初始化样式
// 设置常规的样式
// import "normalize.css"

// 引入全局样式
// import "./assets/styles/core.less"



// 引入antmobile的样式
// import "antd-mobile/dist/antd-mobile.css"

// 引入antd样式
// import 'antd/dist/antd.css';

App.js

import React from 'react'
import ReactDOM from 'react-dom'
import { HashRouter as Router, Switch, Route } from "react-router-dom";

import One from './pages/One'
import Two from './pages/Two'

const appRouter = <Router>
  <Switch>
    <Route path="/" exact component={One} />
    <Route path="/one" exact component={One} />
    <Route path="/two" exact component={Two} />
  </Switch>
</Router>

ReactDOM.render(
  appRouter,
  document.getElementById('root')
)