React从创建到运行

1、react中文官网：

快速入门 – React 中文文档

2、编辑器安装

VS Code安装：Visual Studio Code - Code Editing. Redefined

• 1、点击Download

• 2、根据自己电脑系统 下载

• 3、点击下载后右上角出现下载进度

3、node.js安装

下载 | Node.js 中文网 (nodejs.cn)

4、添加浏览器扩展

React Developer Tools

5、VS Code添加扩展

ES7+ React/Redux/React-Native snippets

6、创建一个React项目

（1、新建文件夹

打开VS Code新建文件夹code/vite创建react项目

（2、打开终端

鼠标移到vite创建react项目文件夹上右击选择在集成终端中打开

（3、使用命令创建项目

（1）终端输入命令：npm init vite@latest，回车

（2）此处是创建项目的名字，回车

（3）听过键盘上下间 选择React，回车

（4）选择JavaScript，回车

（5）创建完成

（4、运行项目

（1）首先需要进入项目文件夹，并安装依赖

cd vite-project              - （进入项目，vite-project是我的项目名，输入cd后点tab键补全）
npm install                   - （安装依赖，可以简写成npm i）    

（2）此时项目中就会多出一个modules文件

（3）使用启动命令：npm run dev，回车后出现一个http地址

（4）按着ctrl键+鼠标左键单击，此页面就是项目运行后出现的界面（项目中有默认的内容，后续可以删除）