初级前端-react学习（1）

day01-day02

一、yarn的使用：

1.安装 yarn
注意：为了省事，不要用npm i yarn -g，去安装yarn，而是去下载压缩包，保证注册表和环境变量的硬写入，后期通过yarn安装全局包时方便
2.初始化一个新项目 yarn init
3.添加依赖包

`` yarn add [package]
`` yarn add [package]@[version]
`` yarn add [package]@[tag]

4.将依赖项添加到不同依赖项类别中
分别添加到dependencies,devDependencies、peerDependencies和optionalDependencies类别中：

`` yarn add [package] --save   | -S 
`` yarn add [package] --dev    | -D 
`` yarn add [package] --peer
`` yarn add [package] --optional

5.升级依赖包

`` yarn upgrade [package]
`` yarn upgrade [package]@[version]
`` yarn upgrade [package]@[tag]

6.移除依赖包:yarn remove [package]
7.安装项目的全部依赖 :yarn或yarn install
8.安装到全局

`` yarn global add [package]   
`` //global的位置在yarn后，不能变
`` yarn global remove [package]

二、react项目环境搭建

react脚手架 create-react-app
vue脚手架 vite
1.创建react项目

`` yarn create react-app 目录 | npm init react-app 目录
`` 想在当前目录下创建，目录就可以仅写 .

默认配置文件被“锁在”node modules文件夹中，使用配置文件的时候需要解出来

yarn eject  //解构出所有的配置文件

2.配置react

`` 修改端口
`` // scripts/start.js