V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
zicjin629
V2EX  ›  分享创造

Tailwindcsss Editor

  •  1
     
  •   zicjin629 · 2021-07-31 07:50:30 +08:00 via Android · 3290 次点击
    这是一个创建于 1245 天前的主题,其中的信息可能已经有所发展或是发生改变。

    https://derealize.com

    所见即所得 UI 编辑器,基于 tailwindcsss 实现。

    Serealize

    第 1 条附言  ·  2021-07-31 15:56:23 +08:00
    鉴于有人误解了工具的设计目标,补充说明一下'realize'名字的来源:
    你编辑的是真实运行的项目,而不是某个代码片段。
    第 2 条附言  ·  2021-08-03 16:56:17 +08:00
    今天清理了一下代码,完成了开源工作
    https://github.com/Derealize/derealize
    21 条回复    2021-08-04 16:03:41 +08:00
    DeepUse
        1
    DeepUse  
       2021-07-31 08:25:13 +08:00
    无法访问此网站
    检查 derealize.com 中是否有拼写错误。
    DNS_PROBE_FINISHED_NXDOMAIN
    shilianmlxg
        2
    shilianmlxg  
       2021-07-31 08:50:58 +08:00 via iPhone
    想问下大佬,比如我 tailwind css 我写 4px 他能自动转成 跟据我设定的一个比例 (宽 375 )转换的 vw 或者 rem 值呢
    wensonsmith
        3
    wensonsmith  
       2021-07-31 08:59:56 +08:00
    zicjin629
        4
    zicjin629  
    OP
       2021-07-31 09:26:16 +08:00
    @DeepUse 之前没注意 netlify 分配的 ip 被墙了,现在换了 host 可以了。
    zicjin629
        5
    zicjin629  
    OP
       2021-07-31 09:33:22 +08:00
    @shilianmlxg 据我所知 tailwind css 不能。你可以使用 sass @mixin 实现。
    zicjin629
        6
    zicjin629  
    OP
       2021-07-31 09:37:16 +08:00
    @wensonsmith 看了一下 "Why Windi CSS"。好像就是提供了 tailwindcss2.1+的 jit 编译功能?
    ihipop
        7
    ihipop  
       2021-07-31 10:47:33 +08:00 via Android
    @zicjin629 electron 封装的,能打包个非 win 的版本出来嘛?
    zicjin629
        8
    zicjin629  
    OP
       2021-07-31 11:09:28 +08:00
    @ihipop 网页有平台判断,用 mac 打开网页应该是下载的 dmg 包吧?
    linux 版目前还没有。https://derealize-fider.herokuapp.com 在待考量的计划中。
    3dwelcome
        9
    3dwelcome  
       2021-07-31 11:58:05 +08:00
    为什么不做个网页版本的呢?这样全平台都能用了。
    zicjin629
        10
    zicjin629  
    OP
       2021-07-31 12:13:57 +08:00 via Android
    @3dwelcome 网页无法更新你的本地代码
    3dwelcome
        11
    3dwelcome  
       2021-07-31 12:23:15 +08:00   ❤️ 1
    @zicjin629 错!

    学 figma 写本地化辅助插件,同 websocket 和网页通讯,就可以解决各种问题。
    zicjin629
        12
    zicjin629  
    OP
       2021-07-31 13:03:16 +08:00
    @3dwelcome figma 也需要安装一个 figma Agent native 应用,与 electron 没有本质区别。electron 也是”全平台能用“的。
    ihipop
        13
    ihipop  
       2021-07-31 13:27:43 +08:00 via Android
    @zicjin629 我用手机访问的。。没啥平台相关代码的话封装 Linux 应该 so easy 吧。。
    3dwelcome
        14
    3dwelcome  
       2021-07-31 13:53:39 +08:00
    那我们看法不一样,electron 是用 exe 来替代网页,但我觉得未来趋势,应该是用网页来替代本地应用。

    由于设备碎片化的存在,除了专业软件外,用 exe 的越来越少。除非在行业领域做到顶级,否则很难产生爆炸性的用户增长。
    zicjin629
        15
    zicjin629  
    OP
       2021-07-31 14:07:37 +08:00
    @3dwelcome 你的 Figma Agent 不是一个 exe ?
    3dwelcome
        16
    3dwelcome  
       2021-07-31 14:39:35 +08:00
    @zicjin629 你可以不用啊,Agent 又不是 100%必须的,又不是每一个人都会用到的特殊字体。

    同理,windicss.org/play.html 也可以不访问本地文件,直接复制一小段代码,开始编辑。

    但是三个应用中,就你这个门槛过高,无法直接网页内打开,容易劝退用户。
    zicjin629
        17
    zicjin629  
    OP
       2021-07-31 15:11:02 +08:00
    @3dwelcome 同理,Derealize 这个产品是 100%必须使用的本地编辑功能的。这个产品实现的目标和 windicss.org/play 完全不同,没有可比性。
    3dwelcome
        18
    3dwelcome  
       2021-07-31 15:21:02 +08:00
    @zicjin629 完全没觉得是 100%,现在 chrome 对普通的本地文件处理,已经支持的很好了。

    视频都可以通过 wasm 本地化处理,更何况是普通的文本文件。

    当然,如果你一定要坚持动我硬盘上文件,那我也无话可说。
    zicjin629
        19
    zicjin629  
    OP
       2021-07-31 15:36:24 +08:00   ❤️ 1
    @3dwelcome 当然需要动你硬盘上的文件,不但要动你硬盘上的文件,还要侵入你的 babel 编译过程。因为这个工具是针对整个 Project 的 UI 编辑,而不是针对某个 html 模块。整个项目的模块组合嵌套可能是非常复杂不确定的。这种针对 Project 而不是模块的 UI 编辑抹平了这种不确定性,免去了你搬运 html 模块到实际项目的工作。
    r00tt
        20
    r00tt  
       2021-08-04 11:59:37 +08:00
    @zicjin629 给老哥提了个超高 CPU 占用的 issue 。前几天看到老哥的帖子安装看了下,今天打开电脑发现风扇狂转,温度持续 90+。调出 ActivityManager 发现 是`chrome_crashpad_handler`这个进程占用了 CPU,查看打开的文件,定位到是老哥的这个应用
    zicjin629
        21
    zicjin629  
    OP
       2021-08-04 16:03:41 +08:00
    @r00tt 谢谢。希望补充一下需要的信息。https://github.com/Derealize/derealize/issues/1
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2807 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 13:41 · PVG 21:41 · LAX 05:41 · JFK 08:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.