加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

React简介及环境搭建

发布时间:2020-12-15 20:34:28 所属栏目:百科 来源:网络整理
导读:(一)React的简单介绍 React 来自于Facebook公司的开源项目 React 可以开发单页面应用?spa(单页面应用) React 组件化模块化? 开发模式 React通过对DOM的模拟(虚拟dom),最大限度地减少与DOM的交互? (数据绑定) React灵活? 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的 这为稳定版本,不容易出错)
  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. ?

                                     

 


 

?

?

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读