2.React学习笔记02-创建React项目2023-10-16

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

本文作者：ZihangChu

本文链接：https://www.cnblogs.com/SadicZhou/p/17767002.html

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

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

ZihangChu

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