ReactCli脚手架使用ts

Posted cuter、

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ReactCli脚手架使用ts相关的知识,希望对你有一定的参考价值。

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"

以上是关于ReactCli脚手架使用ts的主要内容,如果未能解决你的问题,请参考以下文章

Vue常见问题找不到模块“./App.vue”或其相应的类型声明。ts(2307)

如何用vue-cli3脚手架搭建一个基于ts的基础脚手架

替换从 VAST 代码返回的多个 HLS VOD 片段

使用Vite快速构建Vue3+ts+pinia脚手架

使用Vite快速构建Vue3+ts+pinia脚手架

create-react-app搭配react16+ts+less