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(包管理文件) 

 

 
posted @ 2023-10-16 11:34  SadicZhou  阅读(51)  评论(0编辑  收藏  举报