手把手从零开始搭建一个最最简单的React工程

  • Z时代
  • 2024-01-10
  • 分类：综合

react

一、鉴于另一篇文章存在同样的前期准备工作（Node.js、npm），这里不再赘述，仅贴上其地址作为参考

https://blog.csdn.net/weixin_44554160/article/details/86737998

二、搭建React环境

1. 打开cmd，输入以下命令，开始构建React开发环境

$ cnpm install -g create-react-app


如图，构建 React 开发环境就成功啦~

2. 继续输入以下命令，生成一个初始的React项目（没有换源则会默认使用npm，所以速度会比较慢，要等一小会儿）

create-react-app satsuki-no-react

PS：命令里的“satsuki-no-react”为项目名，要求必须全小写，不然无法通过。（最上面的链接中也有提到项目名全小写的问题）

如图，生成初始的React项目成功啦~

三、启动项目

  1. 创建初始项目完成后，用cmd直接进入生成的工程目录中，并输入以下命令：

npm start


如图，工程启动啦~接下来访问：

http://localhost:3000/

便可以看到

好啦，从零开始搭建一个最最简单的React工程到这里就结束啦~

以上是 手把手从零开始搭建一个最最简单的React工程 的全部内容， 来源链接： utcz.com/z/382566.html

回到顶部