Тёмный

Learn How To Use The Modern Syntax Highlighter Shiki 式 

Joy of Code
Подписаться 31 тыс.
Просмотров 9 тыс.
50% 1

Опубликовано:

 

15 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 24   
@abtix
@abtix 4 месяца назад
This is such a good video. I tried using Shiki 2 weeks ago but I was unfamiliar with it and couldn't really figure out how I could utilize it to its fullest potential, and this video literally gave me everything I needed. Thank you.
@NicholasMaietta
@NicholasMaietta 4 месяца назад
Very nice! I think I will adopt this in my personal website I'm working-- because I'll be sharing code.
@a7mdbest15
@a7mdbest15 4 месяца назад
this is going to be a very awesome and handy tool for educational content
@anxpara
@anxpara 4 месяца назад
In my experience, loading shiki is relatively slow (even with the fine-grained bundle), so I ended up writing an independent watch script that highlights particular files and then saves a map of all highlighted code within a $lib/ script. Great solution if you don't need to highlight anything on-the-fly
@JoyofCodeDev
@JoyofCodeDev 4 месяца назад
smart
@julienblanchon6082
@julienblanchon6082 4 месяца назад
Wow wonderfull idea, is the code public ?
@anxpara
@anxpara 4 месяца назад
@@julienblanchon6082 a more generalized version of that script would take a list of files/directories to watch, use the filenames as the map keys, and then let the app sort out which highlights go where
@anxpara
@anxpara 4 месяца назад
@@julienblanchon6082 my first comment might have gotten filtered by youtube. it's buried in my Projectrix repo on my github
@anxpara
@anxpara 4 месяца назад
@@julienblanchon6082 yes, but youtube censors comments with links
@Y-anon
@Y-anon 4 месяца назад
the PR for Shiki Magic Move Svelte renderer was accepted :D And tbh, it's one of the very few highlighter that actually supports svelte! so yeah. Much love
@maninalift
@maninalift 4 месяца назад
Nice timing. I just heard about shiki earlier today when looking at carta
@AB-gx5zj
@AB-gx5zj 3 месяца назад
Nice video, thanks. Gonna get back to svelte soon and your videos really help (also the non-svelte ones, e.g. this, css, ...).
@daleryanaldover6545
@daleryanaldover6545 4 месяца назад
It finally has its website.
@daleryanaldover6545
@daleryanaldover6545 4 месяца назад
It was okay before but with merging from Shikiji, it became much more awesome.
@lungarella-raffaele
@lungarella-raffaele Месяц назад
I am not understanding how to do custom css. Has anyone a guide or some examples where I can see how to achieve this? I can only modify the syle from the transformers but when i try css i really don't know how to do it
@Nodsaibot
@Nodsaibot 4 месяца назад
very cheeky
@vinciarts
@vinciarts Месяц назад
wait, why is your cursor different? Is it Linux?
@JoyofCodeDev
@JoyofCodeDev Месяц назад
maybe it's maybelline
@Majiy00
@Majiy00 4 месяца назад
Do you have any examples of using this with animotion?
@JoyofCodeDev
@JoyofCodeDev 4 месяца назад
I'm working on a Shiki code block component for Animotion
@dc22199x
@dc22199x 4 месяца назад
The cli should be enough, no one would ever go down even the twoslash package, quite overkill.
@JoyofCodeDev
@JoyofCodeDev 4 месяца назад
speak for yourself
@abtix
@abtix 4 месяца назад
depends on use case. I can definitely see many use cases for twoslash
Далее
Tips To Make You More Productive Using VS Code
18:09
Просмотров 12 тыс.
Doors Harpy Hare (Doors 2 Animation)
00:16
Просмотров 869 тыс.
I Tried Every Svelte UI Library
20:57
Просмотров 48 тыс.
Metaprogramming and JIT Compilers - A Brief Overview
15:59
How To Not Suck At Design For Developers
14:23
Просмотров 82 тыс.
Premature Optimization
12:39
Просмотров 805 тыс.
The Simplest Tech Stack
9:38
Просмотров 111 тыс.
Improve Your Coding Workflow Using These Free AI Tools
22:17
Biome: Faster, Smarter JS Formatting & Linting in Rust!
51:43
Vim Tips I Wish I Knew Earlier
23:00
Просмотров 64 тыс.
Doors Harpy Hare (Doors 2 Animation)
00:16
Просмотров 869 тыс.