React简介及环境搭建

(一)React的简单介绍

  1. React 来自于Facebook公司的开源项目
  2. React 可以开发单页面应用 spa(单页面应用)
  3. React 组件化模块化  开发模式
  4. React通过对DOM的模拟(虚拟dom),最大限度地减少与DOM的交互  (数据绑定)
  5. React灵活  React可以与已知的库或框架很好地配合
  6. React 基于jsx的语法,JSX是React的核心组成部分,它使用XML标记的方式去直接声明界面,  html  js混写模式

(二)搭建React开发环境

  

  1. 下载node.js        网址: https://nodejs.org/en/  (注:下载为LTS的 这为稳定版本,不容易出错)   如果前面这个安装不上的话,就去下载这个吧V4.4.3(长期支持版)   地址: https://pan.baidu.com/s/1GMlAk763oIBwgktVzidXBw
  2. 下载完直接下一步。。。。进行无脑安装。
  3. 在命令窗口输入  node -v  和  nmp -v 看是否安装成功。
  4. 如果安装成功 在命令窗口继续安装 cnpm  命令为:

    npm install -g cnpm --registry=https://registry.npm.taobao.org

  5. 然后安装yarn        命令为 :cnpm install -g yarn

(三)创建一个demo 项目

  1.  我是在D盘建了个目录为react
  2.    在命令窗口切换到react目录     
    1.  d:   
    2. cd react
  3.    创建项目    npx create-react-app reactdemo
    1. cd  reactdemo  (进入项目)
    2. npm start  运行项目(调试)
    3. npm run build 生成项目(发布)    浏览器显示效果如下
    4.                                

 


 

            有很久没见,你剪了长发。

            

原文地址:https://www.cnblogs.com/misscai/p/10390669.html