1.下载安装nodejs
去网站nodejs.org/zh-cn 下载nodejs的最新版本,傻瓜式安装,可以选择安装路径,比如我选择的D:\nodejs。
win + R输入cmd打开控制台,输入node -v 查看是否安成功。可以看到版本号说明安装成功。
2配置npm的全局安装目录
在控制台输入
npm config set prefix "D:\nodejs(改成你自己的目录)"
回车,这样以后你通过npm下载的所有包都会被保存到这个目录下,不会占用C盘空间。
输入
npm config get prefix查看是否配置成功。
出现你刚才添加的路径说明成功。
3.配置淘宝加速(可选)
在控制台输入
m config set registry https://registry.npm.taobao.org
回车即可。
4.安装react的基本框架
新建一个目录用于存放前端项目,比如我的D:\IDEAWorkSpace\Front
单击如图所示位置输入cmd回车,打开控制台。
在控制台里输入
npx react-create-app react-base
这样会生成一个项目名为 react-base 的项目文件,其内部目录如图示。
用Vscode打开项目,在Vscode的终端输入
cd react-base
npm start快速启动项目。
在浏览器输入localhost:3000可以看到一个简单的界面。