7.5总结

        1.创建react  npx create-react-app 名字
        2.npm与npx区别

                npm用于安装、管理和共享JavaScript包，而npx用于临时安装并执行命令行工具或脚本，不需要全局安装。

                区别一: 一个永久存在（npm），一个临时安装（npx），用完后删除
                区别二: npx 会帮你执行依赖包里的二进制文件。
                区别三: npx可以执行文件，但是npm不可以

                1. 功能：npm是软件包管理器，用于管理、发布和安装软件包。npx是npm的工具，用于临时运行本地安装的包或命令。
                2. 执行方式：npm需要先安装包或命令，然后才能运行。npx在运行时自动下载需要执行的包或命令，并执行对应操作，无需预先安装。
                3. 版本控制：npm的版本控制基于全局或局部安装的原则。npx每次运行自动下载最新版本的包，避免版本冲突和全局安装问题。
                4. 使用范围：npm用于管理项目中的软件包依赖和运行脚本命令。npx用于临时运行、调试或测试工具、库或命令，无需添加为项目依赖。
                总结：npm是软件包管理工具，npx是用于临时运行本地包或命令的工具。npx的优点在于灵活性和便利性，避免全局安装和版本冲突问题。
       3.图片需要引入才能使用,会被当做变量用 <img src={logo}>
       4.jsx写法

               a. html结构需要return(html结构)返回,且只能有一个根标签

               b.定义在函数外的数据不可响应,使用方法{num}
               c.行内样式修改驼峰命名法
                        <h3 style={{'color':'red','fontSize':'30px'}}>12</h3>
               g.使用className定义类名

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
      </header>
    </div>
  );
}