zoukankan      html  css  js  c++  java
  • 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.                                

     


     

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

                

  • 相关阅读:
    树状数组基本操作
    P1802 5倍经验日 题解
    函数学习总结
    康托展开
    中国电信CDMA无线上网卡短信收发
    报错:无法获取实体类XXX对应的表名!
    javajvisualvm远程监控云服务器上的Tomcat8.5
    服务器防火墙开放端口
    报错:列"AGENT_ENTITY_NAME"的值太大(实际值: 60,最大值50) oracle VARCHAR2和NVARCHAR2的区别
    linux中查看端口是否被占用lsof i:port
  • 原文地址:https://www.cnblogs.com/misscai/p/10390669.html
Copyright © 2011-2022 走看看