【无标题】

使用yarn add classnames安装。

这是antd中关于button组件的写法!所以我们自己取类名也可以这么取!

现在我们直接模仿antd官网中button组件的样式 搜索网站 UNPKG

这是自己写组件的大致导入导出格式。

写好组件之后记得引入。

好像看到很多次JSX了确实应该了解一下

然后图片的Base64格式也应该学习一下。

目前的包管理器我知道的有npm、pnpm、yarn、cnpm这些,cnpm就是国内的一个镜像源,然后速度比npm相对来说快一点。但是npm仍然是性能相对差的,一方面是每次都需要重新下载整个模块,需要重新发起请求,没有任何的缓存;其次如果多个包引入一个包需要重复下载这个包,重复的占据内存空间,还可能引起死环依赖的问题。

现在storybook这个包是下载好了。

然后我一直心心念念的Dependencies和Devdependicies的区别来了:

emmm我目前的理解是devd和d的区别是:d放的是项目最主要的核心依赖的对象,比如说react,express、tsc等,因为我们依赖这个实现最核心的功能,然后devd是编译工具,测试库还有打包啥的吧,就比如说webpack,storybook这些。

public存放的静态资源,react-scripts里面存放了一个webpack的配置。

先要打开storybook的页面,需要先使用storybook init再使用yarn storybook才可以打开网页哦。

相关推荐
Wang's Blog3 分钟前
Java 项目实战: 交友项目 - 安装开发工具与环境准备
java·开发语言·交友
kyriewen4 分钟前
我上手了 Vite+ 1.0:Node 不用自己装,lint 却翻车了
前端·javascript·程序员
松就是我902986 分钟前
你的 PPT 不缺内容,缺一个讲它的人
前端
松就是我902989 分钟前
别再熬夜做 PPT 了!输入一个主题,AI 帮你把整套幻灯片做好,还能随便改字
前端
吴凡wudianmei10 分钟前
每调一次模型都花钱?如何用工程手段把调用压到最少?
前端·后端·架构
李元_霸11 分钟前
基于 AI 的 Web 与 App 端到端测试实践
前端·人工智能
欣欣之王来了16 分钟前
Vue3项目脚手架:Vite vs Vue CLI怎么选?
前端·学习·架构·项目·vue3教程
用户27886072856729 分钟前
别把 tool.completed 当成业务成功:AI 工具权限审计的四层事件链
前端
陆柒14533 分钟前
跟着 Webpack 配置学习前端工程化
前端
用户63533002547939 分钟前
Day 1|HTML5:一个商城首页的骨架,从 DOCTYPE 到语义化
前端