windows下搭建create-react-app

本文详细介绍了在Windows系统下如何搭建React脚手架环境,包括安装与配置Node.js,更改npm全局模块和默认安装位置,设置代理服务器,修改npm资源获取路径,以及创建create-react-app工程的步骤。过程中特别强调了配置代理服务器和选择合适的npm版本的重要性。
摘要由CSDN通过智能技术生成

react脚手架环境搭建流程

1.安装与配置node.js:
1.1软件下载地址:https://nodejs.org/en/,推荐下载.msi文件,其中npm已经集成在了node.js中。
1.2 双击下载的.msi文件进行安装,安装过程直接按照默认设置点击下一步即可,安装目录用户可自行修改。安装完成后,在cmd命令行输入node -v 和 npm -v,分别显示node.js和npm的版本,则安装成功。如果提示非内部命令,则需要将配置node.js环境变量(安装node.js过程中默认已配置)。
1.3 更改npm全局模块和默认安装位置(可选):
1.3.1 在node.js安装文件夹(或用户自定义文件夹)下新建node_global和node_cache两个文件夹
1.3.2 启动cmd并依此执行以下两条命令:

npm config set prefix "XXX\nodejs\node_global"       //用户自定义的安装路径
npm config set cache "XXX\nodejs\node_cache"

1.3.3 通过命令

npm config get -l

在显示的配置列表中查看cache 和 prefix的路径,可以发现改路径为用户自定义路径。
1.4 更改npm版本。
由于5.x版本的npm存在bug,无法确保npm install create-react-app正确执行。官网推荐使用npm 4

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值