---
url: https://sugarat.top/weekly/2023-10-06.md
description: >-
  ① Vite 的现状与未来展望 ② Web版Photoshop ③ Console Ninja：console调试神器 ④ 为 Eslint 9.0
  提前做准备 ⑤ 使用 documate 为 VitePress 文档站添加AI对话能力
---

# 视野修炼第56期

*笔者在GitHub开了个 discussion [🔥 技术&开源&文章推荐](https://github.com/ATQQ/sugar-blog/discussions/123)，欢迎读者推荐贡献内容或者知识渠道*

欢迎来到第 56 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

\[\[toc]]

**​也推荐大家关注一下最后的推荐内容（周刊的主要内容来源渠道）**

下面开始本期内容的介绍**ღ( ´･ᴗ･\` )比心**。

## 🔥强烈推荐

### [1. Vite 的现状与未来展望](https://mp.weixin.qq.com/s/cpMorMqdRY1K-Ahir0s9Ew)

10 月 5 日 - 6 日，[ViteConf 2023](https://viteconf.org/23/?utm=vite-homepage) 在线举行，尤大发表了题为《The State of Vite》 的演讲，有如下几个值得关注的点：

1. Vite 5.0 目前处于测试阶段（beta）：停止支持已经 EOL 的 Node.js 版本；推荐使用ESM
2. 🔥 Rolldown（使用 Rust 开发的 Rollup 替代品）：Vite 团队正在研发 Rolldown，同时与 Rspack 团队合作开发一些共享的底层工具和功能

**Rolldown Roadmap**

1. 基础打包功能：替代 esbuild 进行依赖预打包
2. 高级打包功能：实现 Rollup 功能
3. 内置转换支持：ts，jsx，minify，语法降级
4. 使用 Rust 重构 Vite

*大家如果开发npm包，推荐打两份产物一份cjs,一份esm；同时 `Rolldown` 也是非常值得期待的*

### [2. Web版Photoshop](https://juejin.cn/post/7285528146379390991)

> 经过 Adobe 工程师多年来的努力，通过与 Chrome 等浏览器厂商密切合作，运用 WebAssembly + Emscripten、Web Components + Lit、Service Workers + Workbox 和新的 Web API 等技术，Adobe 终于在近期推出了 [Web 版 Photoshop](https://photoshop.adobe.com/discover)

![](https://img.cdn.sugarat.top/mdImg/MTY5NjU2MjQ5NzQxMg==696562497412)

### [3. Console Ninja](https://marketplace.visualstudio.com/items?itemName=WallabyJs.console-ninja)：console调试神器

一个VS Code 插件，在编辑器中增强了 js console 的调试能力，支持直接在编辑器中实时查看打印的 console 信息

下面是操作示例，对代码无任何侵入性的修改

![](https://img.cdn.sugarat.top/mdImg/MTY5NjU2NDk0OTE4Nw==696564949187)

*console.log 调试大师们的福音*

插件目前有免费和付费2个版本，免费版本笔者认为日常场景完全够用了，开发又能大大的提效了

## 🔧开源工具&技术资讯

### [4. 为 Eslint 9.0 提前做准备](https://eslint.org/blog/2023/09/preparing-custom-rules-eslint-v9/)

主要内容是告知规则作者需要注意的一些重大改变

*GPT：这些更改是为了实现语言插件，并让ESLint能够支持JavaScript以外的其他语言的语法检查*

### [5. 使用 documate 为 VitePress 文档站添加AI对话能力](https://documate.site/)

5分钟就能搞定，不过需要自己准备 Openai 的 API Key

下面是我在自己的主题站点上添加后的效果([theme.sugarat.top](https://theme.sugarat.top/))

![](https://img.cdn.sugarat.top/mdImg/MTY5NjU4MjA1MjMzOA==696582052338)

![](https://img.cdn.sugarat.top/mdImg/MTY5NjU4MjU2NDU1MA==696582564550)

*效果一般般，有一定概率没有结果*

***

篇幅有限，如果你还没看够，可移步后面的推荐渠道，继续游览，历史周刊（<20）[移步博客](https://sugarat.top/weekly/index.html)

## ⭐️强力推荐关注

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [云谦：MDH 前端周刊](https://www.yuque.com/chencheng/mdh-weekly) - 前端资讯和分享
* [童欧巴：前端食堂](https://github.com/Geekhyt/weekly) - 你的前端食堂，吃好每一顿饭
* [前端RSS](https://fed.chanceyu.com/) - 根据 RSS 订阅源抓取最新前端技术文章
* [省流](https://shengliu.tech/) - 有关行业📱、代码👨‍💻、科研🔬的有趣内容，每个工作日更新