【React】Windows下React项目搭建

一、目的

更方便进行前端开发。

二、具体步骤

1.下载node.js

网址:https://nodejs.org/en/download/
在这里插入图片描述
验证是否安装成功 ---- 命令行输入 npm -v

在这里插入图片描述

2.安装cnpm

命令行输入npm install -g cnpm --registry=https://registry.npm.taobao.org
验证是否安装成功 ---- 命令行下输入 cnpm -v
在这里插入图片描述

3. 创建React项目并运行

(先npm install再npm start)
3.1
在这里插入图片描述
命令行输入
npx create-react-app my-app
cd my-app
npm start
在这里插入图片描述
我试了一下,失败了,因为太慢了导致连接超时,如上图所示!
3.2
以上方法为官网方法,可能太慢,可使用下面方法
npm config set registry https://registry.npm.taobao.org
npx create-react-app my-app
cd my-app
npm start
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

4.运行结果

好了,到这一步我们就可以查看项目了。在浏览器地址栏输入localhost:3000 即可查看运行结果了。


版权声明:本文为weixin_47195751原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。