为 Astro 开发设置 Doom Emacs

主要观点:Astro 是热门新 Web 框架,作者已将多个网站用 Astro 重写,包括自己和伙伴的网站等。Astro 的美在于可将其他 UI 框架包裹在其中,能同时使用多种框架,作者对此很看好。作者还想在 Emacs 中集成 Astro 支持,包括 Tree-sitter 支持、LSP 支持、prettier-plugin-astro及 Tailwind CSS IntelliSense 等。
关键信息

  • Astro 可用于重写多种网站,如作者的网站等。
  • Astro 能融合多种 UI 框架,如 HTML 组件。
  • 作者在 Emacs 中配置 Astro 相关支持的过程,包括安装相关包、设置钩子等。
  • 提到了一些用于 Astro 的 Emacs 包,如astro-ts-modelsp-tailwindcss等。
    重要细节
  • 配置astro-ts-mode需设置treesit-language-source-alist或使用treesit-auto
  • 配置 Emacs lsp-mode 和 Astro Language-server 需安装@astrojs/language-server并添加钩子。
  • 在 Emacs 中使用prettier-plugin-astro需设置特定格式。
  • 已有用于 Tailwind CSS 的 LSP 包lsp-tailwindcss并可在 Doom Emacs 中安装。
  • 作者的 Doom Emacs 配置中包含所有相关设置,可在此处找到。
  • 作者将 Astro 比作 Nextflow,强调其独特性。同时提到将 Astro 模板用引号包裹导致 Prettier 出错的经历。
阅读 18
0 条评论