React项目搭建

基础篇,搭建(10步曲)

项目目录创建,及必备依赖安装

(这篇文章的前提是node.js你已经安装过了)

  1. 打开cmd命令行窗口,输入npm -version,查看当前的npm版本。
  2. 如果npm版本是5.2以上版本,在cmd中输入 npx create-react-app my-app,当前目录下创建一个名为 my-app 的工程,命令行窗口中将会显示依赖库的一些日志,看步骤4.
  3. 如果npm版本低于5.2,则全局安装 create-react-app,cmd 输入 npm install -g create-react-app;create-react-app下载完成后,cmd 中输入 create-react-app my-app
  4. 此时,相关依赖开始下载安装。(耐心等待)
  5. 工程创建成功后,可以在系统文件目录看到 my-app 工程。
  6. 打开my-app工程,目录结构比较简单,没有任何配置文件(无需配置)。
  7. cmd命令行窗口中输入 cd my-app 进入 my-app 目录。
  8. 输入 npm start , 以开发模式启动服务。
  9. 服务启动成功后,将会自动弹出浏览器,并访问工程。
  10. 至此,一个简单的react工程已经搭建完成,开发者无需关注项目的配置,只需关注业务模块的开发。 在这里插入图片描述
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值