安装Node

下载双击安装node：官网：nodejs.org/en/download…

win+R -> cmd -> 输入node-v / npm-v，出现版本号，说明安装成功

安装NVM

nvm介绍：作用：node版本切换

github.com/coreybutler… 进入网址，选择：nvm-setup.exe，下载并安装，需要注意的是，路径中不能有空格，中文

nvm常用命令：

nvm help -> nvm帮助

nvm list available -> 会列举各种版本的

nvm list -> 查看当前本机已安装的版本

nvm install 版本号 -> 安装想要安装的版本

nvm use 版本号 -> 切换想要切换的node版本

node -v -> 查看当前node版本

nvm uninstall -> 卸载nvm

安装VSCode编辑器

下载安装VSCode编辑器：Download Visual Studio Code - Mac, Linux, Windows

安装成功之后打开，在 拓展 搜索chinese汉化包，点击install安装，然后重启

React开始工作

React中文文档：react.devjs.cn/learn/insta…

React中文官网：react.docschina.org/

React官网：legacy.reactjs.org/

1.安装 React+Typescript 脚手架：

1.安装react脚手架

npm install -g create-react-app

2.创建react脚手架

npx create-react-app <项目名称> --template typescript

3.运行项目

cd 项目根目录：

安装依赖：

npm install

安装完之后

npm start

直接在浏览器打开，端口默认3000

2.创建js版React脚手架

步骤如上相同，唯一第二步：

create-react-app <项目名称>

3.通过vite创建React脚手架

vite官网：cn.vitejs.dev/guide/

npm create vite@latest TypeScript + SWC

在cmd中：

1.输入项目名称

2.选择要安装的脚手架，如React

3.选择要语言版本，如TypeScript + SWC

4.根据命令，cd进入项目，npm install安装依赖，npm run start运行项目