React-开发环境搭建

                                                                                                          **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 声明组件
创建组件文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值