创建React项目(入门保姆级）

1.使用脚手架创建项目（Create React App)

        1）首先新建文件夹，名字随意，打开文件夹（避免创建的项目找不到）

        2）在创建的文件夹内部打开命令行工具

        3）执行命令：npx create-react-app react-demo  (react-demo是创建的项目名称可修改）

        注：npx命令会帮助我们临时安装create-react-app包，然后初始化项目，完成之后会自动删除，不占用内存，不需要全局安装create-react-app，即用即装即可

        4）将搭建好的项目拖到开发工具中，打开项目终端运行项目（npm start / yarn start)

 2.项目简化

        1）将不需要的文件删除，最终目录为：

        2） 修改App.js和index.js文件

// src/App.js

function App() {
  return (
    <div className="App">
      App
    </div>
  );
}

export default App;

// src/index.js

// React: 框架的核心包
import React from 'react';
// ReactDOM: 专门做渲染相关的包
import ReactDOM from 'react-dom/client';
// 应用全局样式文件
import './index.css';
// 引入根组件
import App from './App';

// 渲染根组件App 到一个id为root的DOM节点上
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  //严格模式节点，useEffect执行机制
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

        3）清理完成，运行项目（未报错，正常显示文字App)

文章推荐： 

        1.async/await， 搭配 promise使用

        2.Cookie和Session 

        3.CSS单行/多行文本溢出显示省略号(...) 

        4.css中background属性引入图片url()中地址