react环境配置

本文详细介绍了如何在重装系统后重新搭建React开发环境。首先,需要安装Node.js,验证安装成功后,通过npm安装create-react-app并切换到淘宝镜像以加快下载速度。接着,使用create-react-app创建项目,解释了项目目录结构。最后,说明了如何初始化项目并启动开发服务器,以及在开发过程中安装所需依赖包的方法。
摘要由CSDN通过智能技术生成

前端时间重装了系统,要重新搭建一些环境。虽然并不复杂,但我也记不住指令,每次搭建都要重新上网查,所以干脆自己总结一下。

搭建react开发环境

  • 1.首先电脑里要安装node,去node.js官网下载即可。https://nodejs.org/en/ 下载安装完成后打开cmd,输入node -v 可以查看版本即表示安装成功了。
  • 2.安装react脚手架工具-> create-react-app 。在命令行里输入:npm install -g create-react-app。把npm的镜像改成淘宝的下载速度会快很多, 设置为淘宝镜像:npm config set registry https://registry.npm.taobao.org 设置好了以后可以在命令行输入: npm config get registry 查看目前使用的镜像。在命令行输入:
    npm install -g cnpm --registry=https://registry.npm.taobao.org 执行后就可以使用cnpm命令了
  • 3.创建一个使用react脚手架工具创建一个项目。去到要放置项目的文件夹下,打开命令行工具(Ctrl+shift+右键->在此处打开powershell窗口),输入命令:create-react-app my_test_app (my_test_app是自定义的项目名称)。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值