首页 > 其他 > 详细

react - 创建新项目

时间:2019-07-20 23:16:34      阅读:109      评论:0      收藏:0      [点我收藏+]

react官网:https://react.docschina.org/

前奏:安装node、npm

步骤:

  (1)npm install -g create-react-app(作用: 配置开发环境,使用最新的 JavaScript 特性;提供一个友好的开发体验,并为生产环境优化您的应用)

  安装成功截图:  

        技术分享图片

  (2)在你准备新建项目的位置打开cmd,执行下面的语句:

    create-react-app my-app(作用:创建项目,my-app是项目名)

    成功截图:

        技术分享图片

  (3)cd my-app(作用:进入项目)

  (4)npm start(作用: 运行)

  项目框架搭建完毕,接下来就是开发和根据自己的需要安装相公库和依赖

  (5)

    1)npm run eject

      作用:弹出配置文件,使得开发人员可以自定义修改webpack配置

      理由:去node_modules 改配置,多人开发时需要每个人都去修改,是不合理的。最好先把config包拉到项目里,然后再修改。  

    2)

结束:

  (1)默认端口为3000

  (2)端口修改方式:

    1) package.json  文件;   

    2)"start": "react-scripts start"   =》(修改为)   "start": "set PORT=9000 && react-scripts start"

      9000 为新的端口

 

react - 创建新项目

原文:https://www.cnblogs.com/AmberNi/p/11219439.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!