React开发环境(React+TypScript项目搭建)

搭建React开发环境

1. 切换镜像

(1)切换安装镜像源 npm config set registry

(2)配置后可通过下面方式来验证是否成功npm config get registry

2. 初始化react

npx create-react-app [项目名称]

npm run start（yarn start） 启动项目

基于React和TypeScript搭建项目

基于上面React搭建项目 ,下面我们来说说如何安装TypeScript和一些组件

安装TypeScript

可以npm也可以yarn 但是小白我更推荐yarn (方便好用谁用谁知道)

yarn add typescript

安装antd

yarn add antd

安装react-router-dom

yarn add react-router-dom

安装 axios

yarn add axios

配置依赖环境

---

初始化tsconfig.json

tsc --init

安装eslint

yarn add eslint --save-dev

安装typescript-eslint

yarn add @typescript-eslint/parser @typescript-eslint/eslint-plugin -D

注意:安装完后记得重新yarn覆盖代码

yarn

注意:如有代码爆红 可以使用 yarn fix进行修复

根据以上步骤 我们就搭建好了一个基于React+TypeScript的项目啦