美文网首页
搭建React项目

搭建React项目

作者: 追风的云月 | 来源:发表于2017-10-15 09:29 被阅读0次

    为了在React项目中使用ES6,JSX,并且实现热刷新,使用React官方脚手架进行项目搭建。
    使用脚手架的原因:
    1.操作简单,只需要简单的一个命令行便可以搭建好项目框架
    2.已经有对webpack的各种配置,即使不懂webpack也没有关系
    3.集成了对React,JSX,ES6的支持,并且配置了浏览器热加载功能,保存文件后可以自动刷新
    使用过程如下:
    在安装了node的前提下,使用npm安装create-react-app

    npm install -g create-react-app
    

    然后某个文件夹下执行以下命令,new-app为自定义的项目名称

    create-react-app new-app
    

    创建过程如图


    image.png

    该文件夹中便会出现一个名为new-app的项目文件,目录结构如下:


    image.png

    在创建项目的过程中,所需的包都一并下载了,省去了多余操作
    接下来在这个文件夹中执行以下命令

    npm start
    

    便可以启动react项目啦,此时打开http://localhost:3000,即可以看到React APP的运行效果。
    另外我认为这个脚手架简直是省时省力,那么

    相关文章

      网友评论

          本文标题:搭建React项目

          本文链接:https://www.haomeiwen.com/subject/odmquxtx.html