React环境搭建 | 豆包MarsCode AI刷题

70 阅读1分钟

1.下载安装nodejs

去网站nodejs.org/zh-cn 下载nodejs的最新版本,傻瓜式安装,可以选择安装路径,比如我选择的D:\nodejs。 win + R输入cmd打开控制台,输入node -v 查看是否安成功。可以看到版本号说明安装成功。

image.png

2配置npm的全局安装目录

在控制台输入 npm config set prefix "D:\nodejs(改成你自己的目录)" 回车,这样以后你通过npm下载的所有包都会被保存到这个目录下,不会占用C盘空间。 输入 npm config get prefix查看是否配置成功。

image.png 出现你刚才添加的路径说明成功。

3.配置淘宝加速(可选)

在控制台输入 m config set registry https://registry.npm.taobao.org 回车即可。

4.安装react的基本框架

新建一个目录用于存放前端项目,比如我的D:\IDEAWorkSpace\Front

image.png 单击如图所示位置输入cmd回车,打开控制台。 在控制台里输入npx react-create-app react-base 这样会生成一个项目名为 react-base 的项目文件,其内部目录如图示。

image.png

用Vscode打开项目,在Vscode的终端输入 cd react-base npm start快速启动项目。 在浏览器输入localhost:3000可以看到一个简单的界面。

image.png