前段时间 懒猫 大佬写了 deno-bridge, 实现了 elisp 与 deno 的通信。然后这个在脑海里由来已久的想法终于有机会去实现了。
Deno 可以调用 emmet 的 NPM 包,所以实现的思路就是做一个 Emmet 的预处理器和后处理器拓展 Emmet 的功能:
一些示例:
Component => <Component>|</Component>
Component/ => <Component />
Component./ => <Component className={|} />
Component.class => <Component className={css.class}>|</Component>
Component.Subcomponent => <Component.Subcomponent>|</Component.Subcomponent>
Component.Subcomponent.class => <Component.Subcomponent className={css.class}>|</Component.Subcomponent>
Component.Subcomponent.a.b.c => <Component.Subcomponent className={clsx(css.a, css.b, css.c)}>|</Component.Subcomponent>
Component.Subcomponent.a.b.c/ => <Component.Subcomponent className={clsx(css.a, css.b, css.c)} />
fz(1) => font-size: ms(1);
p(1)(2)(3) => padding: rhythm(1) rhythm(2) rhythm(3);
p--a--b--c => padding: var(--a) var(--b) var(--c);
mA => margin: auto;
fw2 => font-weight: 200;
t0,r0,b0,l0 === t0+r0+b0+l0
@kf => @keyframes
@in => @if not | {}
:fu =>
&:focus {
|
}
:n(:fc) =>
&:not(:first-child) {
|
}
:n(:fc,:lc):be =>
&:not(:first-child):not(:last-child) {
|
}
详情请大家移步: https://github.com/P233/emmet2-mode
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.