第一步 安装这个react脚手架
npm install create-react-app -g
第二步 第一步安装完成后,用create-react-app初始化项目
create-react-app 项目名
注意:项目名不能有大写字母
用create-react-app避免了去开发环境搭建的繁琐,只要在src中进行开发即可;并且同时也提供了npm run build命令生成环境文件
第三步 切换到项目目录,运行项目 npm start
此时会提示可以在浏览器中运行该项目
打开浏览器输入地址,即可查看项目初始化的样子
创建成功的目录
(需要注意的是,所有的React组件都应该存放到src文件夹中)
src中的index.js是整个项目的入口文件,定义渲染了public文件夹下的index.hrml文件