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安装的两种方式做了简要的描述。