创建一个react+ts的项目

首先打开命令框输入:create-react-app index --template typescript

创建完成后输入:cd index

然后安装自己所需的项目依赖:yarn add ......

安装完成后输入:yarn start

现在创建的项目就跑起来了。

我在创建项目是安装的依赖项有:

yarn add styled-components -S

yarn add @types/styled-components -S

yarn add react-redux -S

yarn add @types/react-redux -S

yarn add @reduxjs/toolkit -S //(本身就是typescript 编写)

yarn add react-router-dom -S

yarn add @types/react-router-dom -S

yarn add react-i18next -S

yarn add i18next -S // react-118next 只是提供了react 的组件,核心还是i18next

> 以太坊dapp 需要用到的

yarn add ethers -S

// 使用@web3-react/core @web3-react/injected-connector 或者使用useWallet(useWallet 对@web3-react 进行了更一步的封装)

yarn add @web3-react/core -S

yarn add @web3-react/injected-connector -S

安装依赖项的简写:

yarn add styled-components @types/styled-components react-redux @types/react-redux @reduxjs/toolkit react-router-dom @types/react-router-dom react-i18next i18next ethers @web3-react/core @web3-react/injected-connector -S

这些东西用于写区块链的前端,这是我暂时总结的。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值