首页 > 其他 > 详细

React简介及环境搭建

时间:2019-02-17 13:21:23      阅读:186      评论:0      收藏:0      [点我收藏+]

(一)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的 这为稳定版本,不容易出错)
  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. 技术分享图片

       

                                     

 


 

 

 

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

            

 

React简介及环境搭建

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!