使用create-react-app搭建react应用

Posted 2020-09-27

    

    想要像Bootstrap直接引用就可以使用去使用React.js基本上是不可能的。使用React需要一堆的工具和库，需要Babel用于编译，Redux等第三方状态管理工具来组织代码。所以这里根据官方推荐的工具create-react-app工具来搭建react应用。使用这个工具能够实现“一条龙服务”，帮我们做好了各种配置和依赖，做到了“开箱即用”。

    工具地址：https://github.com/facebookincubator/create-react-app

    基本环境安装：

---

 

    在使用之前要确保机器上安装了node，下载地址：https://nodejs.org/en/

   （含泪建议：Windows用户推荐安装LTS版本的node，使用最新版在安装工具时可能会不成功，这可能是npm的版本问题导致的）

    安装好环境后，按照官网的步骤安装create-react-app即可：

   npm install -g create-react-app

          这条命令可以在机器上安装一条create-react-app的命令，可以直接使用该命令构建一个react工程：

   create-react-app react-demo

            贴士：

          在安装过程中可能会比较慢，很可能是因为npm下载时候从国外源下载的缘故。执行上面命令之前先把npm改成国内的taobao镜像就好了：    

    npm config set registry https://registry.npm.taobao.org

           下载完成后可以启动工程，进入工程目录然后输入：

    cd react-demo
    npm start

          运行成功后命令行显示如下：

    

         并且会自动打开浏览器 http://localhost:3000（我的标题在src/App.js中做过相应修改）：

 

     至此就大功告成了，可以开始定制自己的react应用了！