React脚手架搭建及创建React项目

xiaoxiao2025-10-21  24

1.安装node.js和npm:

   可自行到node官网下载,下载node完成后,npm也会自行下载完成。

2.通过cmd执行 node -v 和 npm -v 查看是否下载成功和下载成功后的版本号。

 

3.安装好的npm的源默认是国外的源,会因为网络原因导致执行npm操作有延时,我们可以切换npm的源为淘宝的源镜像。

   执行 npm config set registry https://registry.npm.taobao.org。切换完成后,可通过 npm config get registry 查看。

4.安装react脚手架,cmd执行 npm i -g create-react-app  (-g为全局下载)

 

5.安装好 node 和 react脚手架后就可以创建项目啦,cmd切换至指定路径,执行  create-react-app rproject (rproject为自定义项目名),最后出现 happy hacking说明创建成功。

6.如果出现以下报错,是因为网络原因,导致 npm读取代理服务器失败,解决办法为1查看网络状况,2将npm源路径切换到淘宝镜像。参照第三步。

7.项目创建成功后,我们可在对应的路径下看到项目文件。打开文件可以看到文件结构。

8.启动项目。在项目所在路径下cmd执行 npm start。

9.启动成功后会自动打开浏览器,并出现react图标,说明项目启动成功。

 

   

转载请注明原文地址: https://www.6miu.com/read-5038292.html

最新回复(0)