项目中好用的安装包

react + TScript + 移动端

  • 安装脚手架,文件名为 xm_csdn ,配合使用 TS

    npx create-react-app xm_csdn --template typescript

  • 安装 sass

    yarn add sass

  • 安装路由及路由类型声明文件

    // 路由
    yarn add react-router-dom@5.3.0
    // 声明文件
    yarn add @types/react-router-dom -D

  • antd 蚂蚁组件库(移动端)

    yarn add antd-mobile

  • 安装修改 CRA 配置的包,用来修改路径别名为@

    yarn add -D @craco/craco

  • 移动端适配,将 px 转化为 vw,所以有了该工具,只需要在代码中写 px 即可(1vw = 屏幕宽度的%1 )

    yarn add -D postcss-px-to-viewport

  • 安装 axios

    yarn add axios

  • 安装 redux 公共状态管理仓库

  1. redux : Redux 是一个状态管理库,它可以帮助你在 React 应用程序中管理状态。

  2. react-redux : React-Redux 是一个库,它可以让你在 React 应用程序中使用 Redux。

  3. redux-thunk : Redux-Thunk 是一个库,它可以让你在 Redux 中使用异步操作。

  4. redux-devtools-extension : Redux DevTools Extension 是一个 Chrome 扩展程序,它可以帮助你调试 Redux 应用程序。

    yarn add redux react-redux redux-thunk redux-devtools-extension

相关推荐
这儿有一堆花19 小时前
深入解析 Video.js:现代 Web 视频播放的工程实践
前端·javascript·音视频
烤麻辣烫20 小时前
JS基础
开发语言·前端·javascript·学习
IT_陈寒20 小时前
Vue的响应式把我坑惨了,原来问题出在这
前端·人工智能·后端
2603_9535279920 小时前
WordPress Finale Lite 插件高危漏洞检测与利用工具 (CVE-2024-30485)
前端·python·安全·web3·xss
2601_9498180921 小时前
头歌答案--爬虫实战
java·前端·爬虫
猫猫不是喵喵.21 小时前
layui表单项次大数据量导入并提交
前端·javascript·layui
张小潇21 小时前
AOSP15 WMS/AMS系统开发 - 窗口层级源码分析
android·前端
whuhewei1 天前
HTTP1/2/3演变
前端·计算机网络
腹黑天蝎座1 天前
从零实现一个前端监控系统:性能、错误与用户行为全方位监控
前端·监控
Hello--_--World1 天前
ES13:类私有属性和方法、顶层 await、at() 方法、Object.hasOwnProperty()、类静态块 相关知识点
开发语言·javascript·es13