react学习（一）之初始化一个react项目

原创

已于 2024-04-22 16:54:48 修改 · 849 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #react #创建react项目 #cra

于 2024-04-22 16:29:46 首次发布

本文介绍了React，一个流行的JavaScript库，用于构建用户界面。通过create-react-app快速初始化项目，过程中遇到的常见问题如Node.js版本要求、web-vitals安装等都被详细说明。

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

React 是一个用于构建用户界面（UI）的 JavaScript 库，用户界面由按钮、文本和图像等小单元内容构建而成。React 帮助你把它们组合成可重用、可嵌套的组件。从 web 端网站到移动端应用，屏幕上的所有内容都可以被分解成组件，即，可由react构建。

A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES

用来构建UI的 JavaScript库

React 不是一个 MVC 框架，仅仅是视图（V）层的库

初始化react项目

要求：Node>=10.14.2 且 npm>=5.6

// 1.直接npx安装
//（npx是npm5.2+附带的package运行工具,和npm差不多版本，功能不太一样，不知道的话可以去搜一下）

npx create-react-app  "项目名称"

// 2.先安装 create-react-app，在创建react项目

npm install -g create-react-app

npx create-react-app  "项目名称"


cd my-app
npm start