**1 安装nodejs** (安装nodejs稳定版本
https://nodejs.org/dist/v8.11.2/node-v8.11.2-x64.msi
odejs.org/dist/v8.11.2/node-v8.11.2-x86.msi)
2 安装好node之后 在cmd检查版本 node –v 在安装完node之后npm页会自动安装 检查版本 npm –v
3 安装cnpm 代替npm 在百度上搜索cnpm 找淘宝镜像(http://npm.taobao.org/)复制去cmd安装cnpm
4 安装完成之后 检查版本 cnpm –v 输出以下为安装完成:
安装yarn 依赖工具(https://yarn.bootcss.com/)
在中文官网里面有windows安装yarn的方式。
5 简单安装yarn cnpm install -g yarn或者 npm install –g yarn
6 安装完成之后 检查yarn的版本 yarn –v
7 创建React 开发环境 官方文档(https://reactjs.org/)
第一种:安装脚手架
cnpm install -g create-react-app 或者 npm install –g create-react-app
脚手架安装完成之后 创建项目 (自己选择文件的位置)(我默认项目文件盘)
8 cmd命令窗口切换到E盘:进入你创建的目录
9 输入创建项目的命令 create-react-app reactdemo
项目创建完成之后,会在你的项目目录里面生成你创建的文件
Cmd命令框下拉 下面的指令提示你项目文件的运行、编译等等功能
10 Cd到项目里面
cd reactdemo01
npm start 或者yarn start 运行
npm run build 或者yarn build 生成项目
11 运行之后
React项目创建成功
12 目录分析
Src文件为开发文件(对src文件进行开发整理)
其他文件可以先不管
13 声明组件
创建组件文件