react安装与其引入方法

                                                                   react安装与其引用方法   

1.适合于开发练习使用react的方式

   首先引入下面的两个文件到你的项目中

然后你再引入

上面的文件是你将要写js代码部分,然后就可以在这里去进行项目的书写

2.适合于产品开发的安装方式

使用官方提供的脚手架进行你项目的开发,其安装方式

1.首先你的明白在使用官方提供的脚手架之前,得确认你的开发环境为node 6以上版本与npm 5.2以上在你的电脑环境中,然后就可以创建项目。因此你需要去下载node与npm在你的电脑中。

你需要在你的控制台去运行下面的命令

执行完上面的命令后,就可以在浏览器的页面上看到官方的页面展示。

使用官网脚手架的好处有一下几点:

1. 其是一个前端构建管道,你不需要去管服务器与后端的逻辑,在脚手架中,尽管使用了bebel与webpack,但是你不需要去知道它。

2.可以在脚手架中去引入很多的第三方模块,在第三方模块中有很多方便我们去进行项目开发的工具。

3.官方脚手架中的目录结构

 

上面是官方脚手架的目录结构,每一个文件都有对应的作用,我们只需要明白的内容就是在src目录下面的结构,与public下面的

index.html.

readme.md项目介绍
package.json,,node的包文件
node_moudules,第三方的模块
ico,为左上表的小文件
manifest.json文件,
src目录,项目的源码,index.js为整个项目的入口。

上面就是对于这个官方脚手架基本目录的了解。

以上便是对于react安装的两种方式做了简要的描述。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值