React 新项目

使用git bash 创建一个新项目

建议一开始就创建TS项目 原因在Webpack中改配置麻烦

编译方法:ts compiler 另一种 bable 最好都配置


$ create-react-app cloundmusic --template typescript

早期react项目 yarn 居多 目前npm包管理居多 目前pnpm不通用

icon· 在public文件夹中 标题在public/文件下

craco.config.ts 中配置路径别名

法一:eject暴露webpack配置 但复杂

法二:使用 craco create-react-app config

webpack集成ts 额外的代码规范

edit config

prettier编辑器进行格式化

eslint代码检测

vue会自动配置,react自己配

目录结构划分

相关推荐
拾光拾趣录6 分钟前
for..in 和 Object.keys 的区别:从“遍历对象属性的坑”说起
前端·javascript
OpenTiny社区16 分钟前
把 SearchBox 塞进项目,搜索转化率怒涨 400%?
前端·vue.js·github
编程猪猪侠1 小时前
Tailwind CSS 自定义工具类与主题配置指南
前端·css
qhd吴飞1 小时前
mybatis 差异更新法
java·前端·mybatis
YGY Webgis糕手之路1 小时前
OpenLayers 快速入门(九)Extent 介绍
前端·经验分享·笔记·vue·web
患得患失9491 小时前
【前端】【vueDevTools】使用 vueDevTools 插件并修改默认打开编辑器
前端·编辑器
ReturnTrue8681 小时前
Vue路由状态持久化方案,优雅实现记住表单历史搜索记录!
前端·vue.js
UncleKyrie1 小时前
一个浏览器插件帮你查看Figma设计稿代码图片和转码
前端
遂心_1 小时前
深入解析前后端分离中的 /api 设计:从路由到代理的完整指南
前端·javascript·api
你听得到112 小时前
Flutter - 手搓一个日历组件,集成单日选择、日期范围选择、国际化、农历和节气显示
前端·flutter·架构