React学习(一)——安装React环境

安装React环境

建议码友们一定要看React官方文档哦！！

有三种方式，在这里推荐第三种方式。
1.引入.js 文件来使用React
2.通过脚手架工具来编码 （webpack、Grunt、Gulp）
3.create-react-app（官方推荐）

1.node.js安装

如果没有安装的小伙伴，看这里node安装教程
安装之后一定要检验一下版本号是否出来了

2.安装

使用create-react-app 创建my-app这个项目
运行：npx create-react-app my-app命令
不是错字，是npx，不是npm！如果有小伙伴对npm和npx区别感兴趣的话，可以去找文章看看了解一下。

简单说一下npx的作用如：
1.默认情况下，首先检查路径中是否存在要执行的包（即在项目中）；2.如果存在，它将执行；3.若不存在，意味着尚未安装该软件包，npx将安装其最新版本，然后执行它；

//下面两句效果一样，这样就能看到区别了吧！
npm run my-package
npx my-package

执行：cd my-app
执行：npm start

react环境安装是很简单的。

3.yarn命令

方法一：使用安装包安装
官方下载安装包，https://yarnpkg.com/zh-Hans/docs/install，安装完毕后，一定要配置环境变量。
方法二：使用npm安装

npm i yarn -g
-i：install 
-g：全局安装（global）,使用 -g 或 --global

卸载：
1.安装包直接软件卸载。
2.npm安装的则通过命令npm uninstall yarn -g卸载。

额外介绍一下：
yarn.lock文件相当于的package.json文件，该文件记录当前状态下安装的各个依赖包的具体来源和版本号。
如果你的项目文件里面是yarn.lock 需要运行 yarn install
如果你的项目文件里面是package.json 需要运行 npm install

希望大家学习快乐哈！分享技术更快乐哦！