博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
01. react 初次见面---本地准备React的开发运行环境
阅读量:6035 次
发布时间:2019-06-20

本文共 885 字,大约阅读时间需要 2 分钟。

hot3.png

1. React 是什么?

   React 是一个采用声明式,高效而且灵活的用来构建用户界面的框架。

2. JSX简介

    JSX就是Javascript和XML结合的一种格式。React发明了JSX,利用HTML语法来创建虚拟DOM。当遇到<,JSX就当HTML解析,遇到 { 就当JavaScript解析。

const element = 

Hello, world!

;

3. 本地搭建React的开发运行环境。

  1. 确保你电脑上安装了最新版本的 Node.js.

  2. 创建一个新的 React 项目。

     是开始构建新的 React 单页面应用的最佳途径。 它可以帮你配置开发环境,以便你可以使用最新的 JavaScript 特性,还能提供很棒的开发体验,并为生产环境优化你的应用。

npm install -g create-react-app //第一步:全局安装reactcreate-react-app my-app //第二步:创建 项目cd my-app //第三步:切换到 项目中npm start //第四步:运行项目

    Create React App 并不处理后端逻辑和数据库,它只会创建一个前端的构建管道,所以可以和任何后端搭配使用。它可以使用 Babel 和 Webpack 这样的配置工具,也可以零配置使用。

    当你准备好将其部署到生产环境中时,运行 npm run build将会在 build 文件夹中创建一个优化好的应用。你可以从  和  中了解更多信息。

4. Chrome中react的开发工具插件步骤

    官网上有Chrome和Firefox的安装方法。如果你用的是Chrome浏览器开发,并且你不会翻墙的画,这里就是教你如何安装在Chrome中安装react的开发工具插件。

    该插件唯一标识:fmkadmapgofadopljbjfkapdkoienihi

    点击进入  ,复制上面标识输入文本框。然后点击下载,将下载的文件直接拖到Chrome开发工具一栏中。

转载于:https://my.oschina.net/u/3563169/blog/1595019

你可能感兴趣的文章
Damien Katz弃Apache CouchDB,继以Couchbase Server
查看>>
Target runtime Apache Tomcat is not defined.错误解决方法
查看>>
某机字长为32位,存储容量为64MB,若按字节编址.它的寻址范围是多少?
查看>>
VC++ 监视文件(夹)
查看>>
【转】keyCode对照表及JS监听组合按键
查看>>
[Java开发之路](14)反射机制
查看>>
mac gentoo-prefix安装git svn
查看>>
浅尝异步IO
查看>>
C - Train Problem II——(HDU 1023 Catalan 数)
查看>>
Speak loudly
查看>>
iOS-在项目中引入RSA算法
查看>>
[译] 听说你想学 React.js ?
查看>>
gulp压缩合并js与css
查看>>
块级、内联、内联块级
查看>>
Predicate
查看>>
[面试题记录01]实现一个function sum达到一下目的
查看>>
这个季节的忧伤,点到为止
查看>>
mysql通过配置文件进行优化
查看>>
省级网站群建设关注点
查看>>
工作第四天之采集资源
查看>>