一、搭建react开发环境

1、reactjs依托于nodejs(方便开发部署),首先需要安装nodejs,nodejs支持傻瓜是安装,所以直接百度nodejs就可以找到下载链接,安装nodejs以后,会自动给你安装npm包管理工具;

2、如果你不是新手,博主推荐使用cnpm或者yarn,如何安装,新手自行百度,这里不做过多赘述;3、

3、在CMD命令中输入npm -v或者node -v稍等一下,就会输出版本号,证明nodejs环境搭建成功,如下图;

4、通过npm或者cnpm来安装create-react-app,在CMD命令下执行npm install -g create-react-app(-g表示全局安装)或者cnpm install -g create-react-app;

二、环境概述

1、此环境的模式,适用于前后端分离的打包模式,如果你是通过script标签引入,次文档没有参考意义;

2、为什么使用create-react-app:

  • 无需配置;
  • 集成了对 React, JSX, ES6 和 Flow 的支持;
  • 集成了开发服务器;
  • 配置好了浏览器热加载的功能;
  • 在 JavaScript 中可以直接 import CSS 和图片;
  • 自动处理 CSS 的兼容问题,无需添加;

3、需要注意的几个点

  • Node 的版本必须 >= 4,推荐 Node >= 6 and npm >= 3;
  • 运行起来后浏览器已经实现了热加载刷新,修改代码保存后浏览器会自动刷新;
  • 更多配置,请参考webpack配置

results matching ""

    No results matching ""