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

react的安装使用

发布时间:2020-12-15 20:24:16 所属栏目:百科 来源:网络整理
导读:react的重要思想是通过组件来开发应用,而组件就是能够完成某个特定功能而独立、可复用的代码。 react是可以像JQuery那样直接下载引入使用,也可以直接引用官网提供的CDN的地址: script src = " https://unpkg.com/[email?protected]/umd/react.development

react的重要思想是通过组件来开发应用,而组件就是能够完成某个特定功能而独立、可复用的代码。

react是可以像JQuery那样直接下载引入使用,也可以直接引用官网提供的CDN的地址:

<script src="https://unpkg.com/[email?protected]/umd/react.development.js"></script>

<script src="https://unpkg.com/[email?protected]/umd/react-dom.development.js"></script>

<script src="https://unpkg.com/[email?protected]/babel.min.js"></script>

?

另一个方法就是通过npm使用react,先安装node.js,虽然react开发中不依赖node.js。

但是在开发过程中我们会用到很多的工具需要node支持。安装了node就安装了npm,

开发过程中会用到很多现有的安装包,这时npm就起了很大作用。

react是依赖于庞大的技术栈,例如转译JavaScript就需要依赖Babel,

模块打包就用到了webpack,定制build用到了grunt等等技术,这些都是需要写配置文件的。

Feacbook提供了一个快速开发React应用的工具,create-react-app。可以创建一个已完成基本配置的应用,快速进入开发

(现在想体验一下React的魅力所在,快速进入开发React应用。后续再仔细学一下配置文件~_~)

安装create-react-app命令:

npm install? -g? create-react-app

执行该命令后,电脑便create-react-app的命令。现在就可以使用create-react-app命令创建一个目录了。

执行命令:

create-react-app? ?project

在当前目录下就成功创建了project的目录,在目录中会自动下载一个应用的框架。create-react-app命令结束后执行以下命令:

cd project

npm start

这时会启动开发模式的服务器,同时浏览器自动开打开地址为:localhost:3000的网页

下次启动该项目时,直接切换到该项目所在目录执行命令:npm? start? 即可。

(编辑:李大同)

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

    推荐文章
      热点阅读