react安装与其引用方法   

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

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

react安装与其引入方法

然后你再引入

react安装与其引入方法

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

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

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

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

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

react安装与其引入方法

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

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

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

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

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

 react安装与其引入方法

react安装与其引入方法

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

index.html.

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

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

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

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-04
  • 2021-04-28
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-07-28
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-26
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案