React基础学习笔记（一）——简介及windows10下环境搭建和项目起步

本文链接：https://blog.youkuaiyun.com/weixin_36466834/article/details/106424514

本文是React基础学习的第一部分，主要介绍了React的基本概念，详细讲解了在Windows 10环境下如何安装Node.js，包括下载、安装过程，并且介绍了Node.js自带的NPM工具。此外，还阐述了如何进行版本检查、更新以及全局安装create-react-app，最后展示了如何创建和启动React项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、前言

首先，什么是React？
1）React是JavaScript最受欢迎的的库之一；
2）它不算是一个框架（这点和Angular不一样了）；
3）React是Facebook创建的一个开源项目；
4）React用于在前端构建用户界面(UI)；
5）React是MVC的view视图层；
6）用户可以创建组件(类似自定义、可重用的HTML元素)来快速有效地构建用户界面；
7）React还简化了使用状态和道具存储和处理数据的方式。

在安装之前，我们还需要了解一下Node.js。React是一门解释型语言，解释型语言需要解释器（像PHP是解释型语言需要解释器，需要Java是半编译半解释型语言用到的是JVM）。Node.js就是React的解释器，NPM是随Node.js安装的包管理工具。

二、开始安装

（一）安装node.js

1、下载node.js

（1）点击node.js 官网下载或者复制https://nodejs.org/en/download/ 访问node.js的官方下载页面。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200529143909772.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjQ2NjgzNA==,size_16,color_FFFFFF,t_70 #pic_center)
（2）选择相应的版本进行下载即可。当前下载的版本为：长期支持版 → Windows安装包(.msi) → 64bit 【node-v12.16.2-x64.msi】
【注：也可访问百度云盘（提取码&#