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.                                

     


     

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

                

  • 相关阅读:
    Map的迭代操作
    Vector/Arraylist与Linklist的区别
    Notepad++ 快捷键 大全
    集成 Tomcat 插件到 Eclipse 的过程
    十个最好的Java性能故障排除工具
    eclipse删除空行
    java解析xml文件四种方式
    Java解析XML文档(简单实例)——dom解析xml
    Log4j 2.0 使用说明
    根据引用jar包路径查找原JAR包
  • 原文地址:https://www.cnblogs.com/misscai/p/10390669.html
Copyright © 2011-2022 走看看