怎样启动别人创建好的react项目

1.首先下载好创建的react项目后,在cmd命令框中先进到对应的项目路径

2. 命令行输入node -v,npm -v命令,查看对应的版本,如下图

3. 输入npm install命令 来安装依赖(需要段时间才成执行完成)

如果你是下载react项目,通常不会包含node_modules文件夹,需要在执行启动命令前,先执行npm install来安装依赖。

这个时候,它会自动根据你package.json里面的依赖,下载你需要的node_modules,然后就能运行了。

4.输入 npm start 命令 启动项目即可

5. 访问地址

http://localhost:3000/ua-ipps-audit

ua-ipps-audit为项目名,3000为默认端口

6.项目创建及介绍

Create React App 是一个用于学习 React 的舒适环境,也是用 React 创建新的单页应用的最佳方式。

它会配置你的开发环境,以便使你能够使用最新的 JavaScript 特性,提供良好的开发体验,并为生产环境优化你的应用程序。你需要在你的机器上安装 Node >= 14.0.0 和 npm >= 5.6。安装如下图,只需安装这一个,会同时安装好npm

要创建项目,请执行如下命令,其中my-app为起的对应的项目名称:

npx create-react-app my-app

cd my-app

npm start

Create React App 不会处理后端逻辑或操纵数据库;它只是创建一个前端构建流水线(build pipeline),所以你可以使用它来配合任何你想使用的后端。它在内部使用 Babel 和 webpack,但你无需了解它们的任何细节。

当你准备好部署到生产环境时,执行 npm run build 会在 build 文件夹内生成你应用的优化版本。你能从它的 README 和用户指南了解 Create React App 的更多信息。

  • 12
    点赞
  • 37
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值