React学习笔记02-创建React项目

发布时间 2023-10-16 11:38:44作者: SadicZhou

1.全局安装create-react-app

npm install -g create-reat-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(包管理文件)