(一)React初步

–React的介绍:

–React来自于Facebook公司的开源项目
–React可以开发单页面应用 (spa单页面应用)
–react 组件化模块化 开发模式
–React通过对DOM的模拟(虚拟DOM),最大限度的减少与DOM的交互(数据绑定)
–react 灵活 React可以与已知的库或者框架很好的配合
–react 基于jsx的语法.JSX是React的核心组成部分,它使用XML标记的方式去直接声明界面
html js混写模式

–搭建React开发环境之前的准备工作

• –1 必须安装node.js
• –2 安装cnpm用cnpm替代npm

npm install -g cnpm --registry=https://registry.npm.taobao.org

• –3 用yarn替代npm
  yarn的安装:

第一种方法: 参考官方文档https://yarn.bootcss.com/
第二种方法: cnpm install -g yarn 或者 npm install -g yarn

–搭建React开发环境的第一种方法

• –1 安装脚手架工具

npm install -g create-react-app 
或者
cnpm install -g create-react-app

• –2 创建项目(可能创建多次)
  找到项目要创建的目录

create-react-app reactdemo

• –3 cd 到项目里面

cd reactdemo
npm start /  yart start运行项目
npm run build 生成项目

–搭建React开发环境的第二种方法

• –1 安装脚手架工具并创建项目

npx create-react-app reactdemo

• –2 cd 到项目里面

cd reactdemo
npm start / yarn 运行项目(调试)
npm run build 生成项目(发布)

–npx介绍: npm v5.2.0引入的一条命令(npx),引入这个命令的目的是为了提升开发者使用包内提供的命令行工具的体验