React开发环境搭建主要包括Node.js安装、编辑器选择、创建React项目等步骤。
-
Node.js安装
从Node.js官网下载并安装最新版本的Node.js,安装过程中npm会自动安装。安装完成后,通过命令行输入node -v
和npm -v
检查安装是否成功。
carawang%node -v
v20.17.0
carawang%npm -v
10.8.2
-
编辑器选择
Visual Studio Code(VS Code) - 给编辑器安装插件
#提高开发效率 Reactjs code snippets npm Intellisense Simple React Snippets #格式化 ESLint Prettier
- 快速创建项目
mkdir my_react_app cd my_react_app npx create-react-app my-app npm start
npx create...为创建app,中间耗时有点长。npm start为启动该app。顺利启动后,访问http://localhost:3000就可以看