react入门 第一篇

项目的搭建

一开始就选择用最简单的create-react-app来搭建项目  

输入 npm i -g create-react-app 下载脚手架

然后通过指令  create-react-app [项目名称]  创建项目

之后生成的代码就是很标准的node项目文件结构， 稍微有点基础的看看package就懂了 (实在不懂就记住  去把vue项目搭建复习一遍)

 

 

这篇的主要内容就是生成的项目文件中的启动文件中出现的东西

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
ReactDOM.render(   <React.StrictMode>     <App />   </React.StrictMode>,   document.getElementById('root') ); // If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();

 

react

 

react-dom

 

reportWebVitals