План «Барбаросса» от Vue.js

https://habr.com/ru/articles/776480/

#article #stats #evan #antfu #vite #vitepress #unjs #angular #react

Вышла очередная (v2.1.1) версия плагина для ESlint - @antfu/eslint-config

Данный плагин очень сильно облегчает конфигурацию линтера, пряча под капот подключение и настройку необходимых плагинов и конфигов для JavaScript, TypeScript, Vue, а с последней версии и React проектов.
Начиная с v1.0.0 для конфига используется новый формат ESLint Flat config.
Также содержит правила для форматирования кода Stylistic.

#eslint #antfu

Перевод статьи Anthony Fu "Reimagine Atomic CSS". Первая часть.

#unocss #antfu #tailwind

Anthony Fu сделал еще один инструмент для работы с ESLint конфигурацией - eslint-flat-config-viewer
Визуально показывает правила eslint.config.js, созданного в новом Flat конфиг формате
Запускается без установки в проект следующей командой в директории, где лежит конфиг файл:

npx eslint-flat-config-viewer

#eslint #antfu

Вторая часть статьи Anthony Fu "Reimagine Atomic CSS".
UnoCSS

#unocss #antfu #tailwind

Очередной небольшой шедевр от Anthony Fu - vite-plugin-inspect

Плагин предназначен для дебага плагинов Vite, показывая, как изменяется код проекта при их последовательном применении. Но попутно плагин строит карту компонентов и модулей проекта с их связями и приятной анимацией

#antfu #vite

Вышла новая версия библиотеки shikiji для синтаксической подсветки фрагментов кода

Anthony Fu портировал пакет shiki.js на ESM. Данная библиотека предназначено для синтаксической подсветки фрагментов кода, аналог highlight.js. Использует hast для токенизации и VS Code Oniguruma, которая написана на C и компилируется в WebAssembly. Данная часть переписана на ESM, является tree-shakable и работает и в Node.js, и в браузере.

shikiji использует тот же движок, что и VS Code, работает быстрее распространенных подсветчиков кода, занимает меньше места и более функциональна (например, включает препроцессор для TypeScript TwoSlash нотаций). Доступны множество языков (включая вариации Vue и Vue HTML) и все темы VS Code (на данный момент около 5000). VitePress уже переехал на новую библиотеку.

#antfu #shikiji #vitepress

Vue DevTools ждёт обновление

Новая версия будет включать в себя несколько модулей от Anthony Fu из Nuxt DevTools. Пока планируется выпустить её отдельно от текущих DevTools и проверить стабильность. Сейчас она доступна как Vite плагин и Electron приложение. Как Chrome расширение приложение еще не готово.

#antfu #devtools

Что умеет новая `shikiji` от Anthony Fu?

Показывать всплывающую подсказку с информацией о наведенной сущности. Для этого в коде она должна быть типизирована с помощью JSDoc, либо информация о ней должна быть в библиотеке, если она подключается через неё (в данном примере shikiji лезет в markdown-it)

Рекомендация от команды Vue и VitePress - использовать в документациях на VitePress во фрагментах кода JSDoc для повышения их информативности. Более подробные инструкции будут даны позднее.

#shikiji #antfu #vitepress

Anthony Fu показал законченный вариант библиотеки для синтаксической подсветки фрагментов кода shikiji с подсказками от TypeScript пакета twoslashes на примере SFC кода в VitePress.

По мнению автора это сильно улучшит воспринимаемость информации. Ну и такого ни у кого пока нет.

#twoslashes #shikiji #vitepress #antfu

Отец Антоний встал на путь мессионерства и отправился обращать в правильную веру неразумных дикарей

#antfu #react

Эван отложил Vue и переключился на Vite - третья betta (v5.1.0-betta.3) за 4 дня.

Меж тем Anthony Fu похвастался своей новой клавиатурой HHKB и рабочим сетапом

#vite #antfu