![[爱心]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_106.ba42c9a.png)
![[赞]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_108.a6defc6.png)
获得徽章 8
- #前端开发现状#
官方 CSS logo 新鲜出炉：幕后故事
CSS-Next 工作组官宣 CSS 新 logo 正式采用，颜色为 rebeccapurple（蕾贝卡-紫）。
CSS 之前的盾牌 logo 随着 CSS 3 广为人知，但 CSS 以后不会有版本号，只有 level（级别）。随着其他模块进入 level 4 等，工作组决定重新设计一款和版本号无关的新 logo。
“蕾贝卡”是 CSS 先驱 Eric 的女儿，紫色是她最喜欢的颜色。不幸的是，她在六岁生日后因脑癌辞世了。
设计师 Jeffrey 得知此事后发起了一场主题活动，当时有人建议将 #663399 命名为“蕾贝卡-紫”，最终在 2014 年标准化。![[爱心]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_106.ba42c9a.png)
10 年后的今天，CSS 未忘初心，新 logo 继续沿用 rebaccapurple 来纪念那个小女孩，充满人文关怀。
有趣的是，社区似乎还想给 CSS 设计一只吉祥物，敬请期待！![[赞]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_108.a6defc6.png)
展开评论2 - #豆包MarsCode# 豆包 AI 重构 Vue JSX 语法的 bug
![[捂脸]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
有段时间没用 JSX 语法写 Vue，我直接让 AI 重构，我在 VSCode 中唤醒了新版 MarsCode 的 workspce，它可以给出正确的插件配置步骤。
bug 在于，把 Vue 3 setup 语法糖转换为 JSX 语法的时候，AI 会把响应式数据重构为 props......![[衰]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_34.cf5b4d5.png)
目前 MarsCode 还没 Vue 的专属 workspace，只能依赖我们项目的 workspace 和自身的 通用 LLM 去识别 Vue。或者可能是我的示例项目不够复杂，作为 workspace 不够理想，如果用 Element UI 等大型项目作为 workspace，不知道能不能提升准确率。![[机智]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_51.e6d838e.png)
#豆包MarsCode上新workspace#展开评论1 - #豆包MarsCode#
![[右]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_117.6dd2889.png)
Vite 6 不能被豆包 AI 正确识别
Vite 6 新增了一个重量级 API：环境 API，在向 MarsCode 提问的时候，发现它会理解错误，把话题指向 env 环境变量方面，而不是新版的环境 API。
一开始我以为是 MarsCode 无法正确解读中文，用英文的 Environment API 提问也还是不行。
可能是 LLM 训练数据集还没同步更新，也可能是通用模型暂不支持 Vite，目前 MarsCode 还没 Vite 的 workspace，只有 React 或 Angular 的 workspace。![[疑问]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_31.606e7a5.png)
#豆包MarsCode上新workspace#展开评论1 - #豆包MarsCode# 豆包 MarsCode 有时候优化挺好，有时候有点优化过头了......
比如，我自己使用 CSS 变量封装复用的颜色时，管理很方便，都是 MarsCode 重构代码后，有时候吧变量直接内联到样式中，构建时间确实可能变短，但开发者不好维护，违背了“DRY 原则”。
相反，JS 逻辑，比如 if-else 分支的简化方面，MarsCode 倒是比我灵敏，有时候我会写比较啰嗦的代码，但 AI 不会。
#豆包MarsCode上新workspace#展开评论1 - #前端开发现状# npm 之父组队重新发明包管理器
今年的 NodeConf 大会上，npm 之父及其团队官宣推出一个开源免费的新型 JavaScript 包管理器，包括：
1. vlt 包管理器客户端
2. vsr serverless 注册表
其中，vlt 是一个新型 JavaScript 包管理器，支持依赖可视化和 GUI 图形客户端，降低理解依赖图的门槛。
vsr 则是下一代软件包注册表，利用无服务器计算支持独特的权限模型，允许开发者精细控制私有包的只读访问。
和尤大创立的 VoidZero 公司一样，vlt 也加入了开源承诺，且成为 OpenJS 基金会的白银会员（$5000/年）。
#前端 #JavaScript #node #npm展开评论1 - #前端开发现状# 《ESLint 最新升级，支持 JSON 和 Markdown 只是变革的开始》
![[666]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_128.e55728c.png)
本月月初，ESLint 之父在朋友圈爆料，ESLint 最新版本正式支持 JSON 和 Markdown 的 linting（代码质保）！
ESLint 团队计划将 ESLint 打造为一个能够对 任何语言 进行 lint 分析的通用型 linter 工具，支持 JSON 和 Markdown 只是变革的开始。 展开评论2 - #豆包MarsCode 双节创意征文# 《AI 治好了我的 CSS 框架恐惧症》
SCSS / Tailwind 等 CSS 框架或预处理器提供的高级语法其实都会被转译为原生 CSS，而这种语法转换工作恰恰是 AI 编程助手的拿手好戏。
所以，本期我想分享如何利用 VSCode 和 MarsCode AI 插件，在原生 CSS 和不同 CSS 框架中无缝衔接，不必再因为不同的 CSS 框架而头大。 展开评论1 - #豆包MarsCode# 《这个 AI 懂 Vue 吗？》
最近海外的 AI 编辑器 Cursor 好像挺火的，字节跳动也推出了豆包 MarsCode 编程助手。
豆包可以和 VSCode 强强联手，直接使用，我想分享在 VSCode 和 AI 结对编程的使用体验，本文代码主要以 Vue 框架为例。 展开评论2
![[捂脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
![[衰]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_34.cf5b4d5.png)
![[机智]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_51.e6d838e.png)
![[右]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_117.6dd2889.png)
Vite 6 不能被豆包 AI 正确识别![[疑问]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_31.606e7a5.png)
![[666]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_128.e55728c.png)
juejin.cn
