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

    

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

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

    基本环境安装:


 

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

   (含泪建议:Windows用户推荐安装LTS版本的node,使用最新版在安装工具时可能会不成功,这多是npm的版本问题致使的)github

    安装好环境后,按照官网的步骤安装create-react-app便可:npm

   npm install -g create-react-app

          这条命令能够在机器上安装一条create-react-app的命令,能够直接使用该命令构建一个react工程:浏览器

   create-react-app react-demo

            贴士:app

          在安装过程当中可能会比较慢,极可能是由于npm下载时候从国外源下载的缘故。执行上面命令以前先把npm改为国内的taobao镜像就行了    工具

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

           下载完成后能够启动工程,进入工程目录而后输入:spa

    cd react-demo npm start

          运行成功后命令行显示以下:命令行

    

         而且会自动打开浏览器 http://localhost:3000(个人标题在src/App.js中作过相应修改):

 

     至此就大功告成了,能够开始定制本身的react应用了!

相关文章
相关标签/搜索