首先打开命令框输入: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
这些东西用于写区块链的前端,这是我暂时总结的。