ReactCli脚手架使用ts

Posted 2022-12-12 cuter、

1.yarn

https://yarn.bootcss.com/

yarn 是 facebook 开源的一个 npm 客户端，相比较默认的 npm 客户端，yarn 做了很多机制上的优化，比如缓存、安装速度、完整性校验等等，在使用体验上面比较友好，被很多知名框架选为默认的依赖管理工具，后面我们也默认使用 yarn。

要安装 yarn 也很简单

npm i yarn -g

yarn 的基本功能和 npm 是对应的，但是参数略有不同，下面是一些常用命令的对比

添加依赖

yarn

yarn add react

npm

npm i react

添加开发依赖

yarn

yarn add @types/node --dev

npm

npm i @types/node --save-dev

删除依赖

yarn

yarn remove react

npm

npm remove react

2.ts在react中安装

npx create-react-app react-app --template typescript

3.添加代理

"proxy": "http://localhost:4000"