(二)React学习笔记

create-react-app

经历过基础的学习笔记一之后, 开始接触脚手架, 与HTML不同的是, 在脚手架里面编写JSX语法会更加的得心应手

1. 首先全局安装

npm install create-react-app

2. 通过命令行创建项目

// 需要注意的是, 创建的项目名称必须全部是小写的字母
create-react-app hello_react

以上就是通过命令创建出来的整个项目

3. 改装一下 项目看起来虽然多了好些文件, 但是可以把一些无用的内容都删除掉 根据笔记一的内容, 就留下一个index.js文件 书写以下内容

    import ReactDOM from "react-dom/client";
    const root = ReactDOM.createRoot(document.querySelector("#root"));
    root.render(<h2>Hello React</h2>);
   

   然后查看package.json的启动命令,运行 npm run start就可以看到项目嘞

以上就是React的脚手架, 创建一个基础的项目