React学习笔记02-创建React项目
1.全局安装create-react-app
npm install -g create-react-app
2.创建一个React项目
create-react-app myapp 注意命名规范不能大写,中文等
如果不想全局安装,可以直接使用npx
npx create-react-app myapp
需要等待一段时间,这个过程实际上会安装三个东西
react: react的顶级库
react-dom:因为react有很多的运行环境,如app端的react-native,我要在web上运行就使用react-dom
react-scripts:包含运行和打包react应用程序的所有脚本和配置
出现下面的界面表示项目创建成功
根据提示信息,cd 进入 reactblog运行npm start即可运行项目
生成的目录结构如下
|—— README.md
|—— node_modules(项目依赖文件夹)
|—— public(打包模板文件夹)
|—— src(项目资源文件夹)
|—— package.json(包管理文件)