search

HuangHongRui / Notebook

:pencil2: Yeah.. This's My NoteBook...:closed_book:
0 stars 0 forks source link

React.[1] #34

Open HuangHongRui opened 7 years ago

HuangHongRui commented 7 years ago

React.[HelloWorld]

初始化一个 React 项目

推荐均用"( )"括起. 注释均用"[ ]"括起。

首先需要具备:

  1. 不低于IE8的浏览器.(Chrome)
  2. 命令行环境.
  3. 一个编辑器.
  4. nodejs [需要到]

React 是一个Js工具库 React技术 依赖一个很庞大的技术栈，如转译Js代码需要使用Babel，模块打包需要webpage，定制build过程需要glup等这些技术栈都需各自配置文件.还没写相关代码，就已被各种技术名词击飞眩晕

针对该情况，Facebook提供了一快速开发React应用的工具，create-react-app。

作用|目的|好处: 让开发者从配置工作中解放，无需过早关注这些技术栈.通过创建一已完成基本配置的应用，达到快速开始React应用的开发。

HuangHongRui commented 7 years ago

【安装】

create-react-app 是一通过npm发布的安装包，确认Node.js&npm 装好之后，在命令行中敲入 npm install create-react-app g 即可安装。

安装完成后，就可以执行一个命令：create-react-app来创建指定参数名的应用目录。

输入了 create-react-app first_react_app 会在当前目录生成创建这个名为first_react_app的目录.

[目录中会自动添加一应用框架，我们只需在此框架基础上修改文件就可开发React应用，从而避免大量的手工配置工作]

image

紧接着进入目录.运行npm start 启动开发模式的服务器.会自动弹出网页.

image