18_使用react脚手架构建应用

一、什么是脚手架

　　1.脚手架：用来帮助程序员快速创建一个基于xxx项目的模板仓库(可以理解为网上的大神写好了基础模板直接下载无需自己配置)

　　　　1）包含了所有需要的配置

　　　　2）指定好了所有依赖

　　　　3）可以直接安装/编译/运行一个简单效果

　　2.react提供了一个用于创建react项目的脚手架：create-react-app

　　3.项目的整体技术为：react + webpack + es6 + eslint(检查与法的合法性)

　　4.使用脚手架的好处：模块化、组件化、工程化(指的是可以用一条命令对项目进行打包、编译、运行)

二、安装脚手架

　　1.首先要下载node.js，node.js中含有了npm

　　2.node和npm的关系：node.js是javascript的运行环境，是对google v8引擎的封装，是一个服务器端的javascript解释器

　　　　　　　　　　　　npm是node.js的包管理器，在node.js上面开发时，会用到很多人封装好的js代码，高手将写好的库上传到npm官网上面，当开发人员想要使用时，直接通过npm来安装

　　3.环境检查

　　　　1）node检查：node -v

　　　　2）检查npm仓库位置：npm config get registry。

　　　　　　　　推荐使用速度快的淘宝镜像下载，否则下载慢会报错，

　　　　　　　　修改npm下载的源地址为淘宝镜像命令：npm config set registry https://registry.npm.taobao.org

　　　　　　　　使用 npm config get registry 命令来检查源地址是否修改成功

　　4.创建项目

　　　　选择一个文件夹，打开cmd执行：create-react-app project_name 命令来创建项目，此时会在当前文件夹下创建名字为project_name的工程

　　　　使用 cd project_name  移动到项目中，执行 npm start 即可运行项目