别再裸用 Claude Code 了！32 个亲测技能 + 8 个 MCP 服务器，开发效率直接拉满！ 先晒一下我装完的效果（见下图），所有技能均实测可用。

前言 Hi～大家好呀。 我是清汤饺子，一个用 Claude Code 写了半年代码的普通前端工程师。 说实话，一开始我也用不太好，就觉得它跟其他 AI 编程工具差不多嘛，问问题、写代码，能有啥区别。

1. less 简介 2. 嵌套规则 3. 变量 4. 混合（mixins） 只有一个值，把值赋给第一个，两个值，赋给第一个和第二个...... 5. 运算 6. 命名空间 7. 引入 8. !important 9. 条件表达式 10. 循环 11. 合并属性 12. 函数库

问题描述 产品要这样的效果，就做这样的效果呗。有图有真相，我们先来看一下效果图： 效果图 代码附上 运行的话，直接赋值粘贴即可，遇到类似的功能，ctrl+CV改一下就行啦 ^_^

ECharts实现tooltip交互后自动渲染。总是遇到一些神奇的需求，ECharts文档的属性真的有点不好找，靠ChatGPT帮助+反复尝试摸索完成的一些内容，在此记录一下。

给vitepress增加短链接生成功能 前言-背景 由于笔者的URL路径中带有中文，最开始的目的就是想要语义化URL，所以是以日期+文章标题为URL的，比如像这样： 看起来就非常不错，但是一旦URL编

通过为el-popover添加配置项，将其挂载到父级上面： 设置自定义样式：如果我们使用了scoped并需要添加样式，只需要在组件内添加样式即可，不需要到全局添加。 截图看效果： 注意事项： 因为el

本文是针对JS数组的常用方法整理，由于js数组的方法大多可以用for循环手动实现因此对提升项目性能可能没有太大帮助，但是熟练使用数组方法可以提高工作效率以及代码的可读性，拥抱函数式编程；

虽然有很多前端团队压根现在甚至未来都不太可能使用单元测试，包括我自己的团队，原因无非是耽误时间，开发任务本身就比较重等等理由。 但是我觉得一味的图快，永远是饮鸩止渴，陷入恶性循环，项目