(一)React的简单介绍
- React 来自于Facebook公司的开源项目
- React 可以开发单页面应用 spa(单页面应用)
- React 组件化模块化 开发模式
- React通过对DOM的模拟(虚拟dom),最大限度地减少与DOM的交互 (数据绑定)
- React灵活 React可以与已知的库或框架很好地配合
- React 基于jsx的语法,JSX是React的核心组成部分,它使用XML标记的方式去直接声明界面, html js混写模式
(二)搭建React开发环境
- 下载node.js 网址: https://nodejs.org/en/ (注:下载为LTS的 这为稳定版本,不容易出错) 如果前面这个安装不上的话,就去下载这个吧V4.4.3(长期支持版) 地址: https://pan.baidu.com/s/1GMlAk763oIBwgktVzidXBw
- 下载完直接下一步。。。。进行无脑安装。
- 在命令窗口输入 node -v 和 nmp -v 看是否安装成功。
- 如果安装成功 在命令窗口继续安装 cnpm 命令为:
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 然后安装yarn 命令为 :cnpm install -g yarn
(三)创建一个demo 项目
- 我是在D盘建了个目录为react
- 在命令窗口切换到react目录
- d:
- cd react
- 创建项目 npx create-react-app reactdemo
- cd reactdemo (进入项目)
- npm start 运行项目(调试)
- npm run build 生成项目(发布) 浏览器显示效果如下
有很久没见,你剪了长发。