react app 学习（1）安装环境与创建默认项目

最新推荐文章于 2023-02-10 13:13:21 发布

396985437

最新推荐文章于 2023-02-10 13:13:21 发布

阅读量331

点赞数 1

分类专栏： react app 文章标签： react app react demo react

本文链接：https://blog.csdn.net/u010249656/article/details/82187615

版权

本文介绍了React App开发所需的环境，包括Node.js和npm的安装，详细讲解了如何使用create-react-app创建项目，提供了创建命令和项目目录结构的概览，并提到了运行项目的步骤。

摘要由CSDN通过智能技术生成

1. nodejs

2. npm
（NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。由于新版的nodejs已经集成了npm，所以安装好nodejs的同时npm也一并安装好了。输入 “npm -v” 来测试是否成功安装: npm 相关设置参考）

3. create-react-app
命令安装：npm install -g create-react-app
命令介绍：

  npm ： 表示调用的随node一起安装的npm包
  install : 顾名思义，就是安装的意思
  -g : 表示全局安装,安装后在系统的任意位置都能使用,这就是全局安装的意思
  create-react-app: 这就是我们要安装的模块

卸载模块：

  安装好后，如果你想卸载，可以直接把install改为uninstal即可，也就是在前面加个un
  就可以表示卸载了。有时候卸载后在安装可能会报写错，此时你直接定位的create-react-app安装
  目录，然后把这个目录删除一般就能解决了。

4.通过creact-react-app来创建我们的react项目

创建命令：create-react-app project_name<

关注