Hacktoberfest 2026：维护者为十月标记出来的 issue，仍然开放、适合新手。 浏览 Hacktoberfest issue

Fragments.

未关闭
  • 哪里不对？
#5 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
5/5
预计耗时
一周以上
新手友好度
10/100
Issue 类型
文档
描述清晰度
需要澄清
活跃度
停滞
技术栈
typescript
领域
documentation

调研方向

该 issue 包含一段粘贴的 HTML 片段和一个面向 TypeScript 的表格，但没有指明任何仓库文件、测试或请求的变更。请先明确这些内容是否用于文档，以及应放在哪里；在定义预期格式和范围之前，无法验证是否完成。

由索引模型根据 Issue 内容生成。

描述

ChatGPT:

以下是前端框架常見的檔案副檔名與對應用途整理表，包含你提到的 React (.tsx)、Vue (.vue)、Angular (.ts)，以及 Svelte、Ember 等等：

📘 補充說明：

  • React / Solid / Qwik / Stencil → 常見於 .tsx (TypeScript + JSX 語法)。

  • Svelte / Vue → 採 單檔組件 (SFC) 概念。

  • Ember → 使用 Handlebars (.hbs) 作為模板語言。

  • Angular → 採用 TypeScript，模板與樣式分離設計。

若你是要統一處理這些框架的 UI 組件（例如用 TypeScript 的「聯合型別」統一描述），我可以幫你設計一個 UIFrameworkComponent type union，例如：

type UIFrameworkComponent =
  | { framework: 'react'; file: `${string}.tsx` }
  | { framework: 'vue'; file: `${string}.vue` }
  | { framework: 'angular'; file: `${string}.ts` }
  | { framework: 'svelte'; file: `${string}.svelte` }
  | { framework: 'ember'; file: `${string}.hbs` | `${string}.ts` };

要我幫你延伸這個 union type，支援自動掃描或解析不同框架的 component metadata 嗎？

F
前端框架 常見副檔名 用途說明
React .tsx / .jsx TypeScript / JavaScript 的 JSX 組件文件。.tsx 支援型別檢查。
Vue.js .vue 單檔組件 (Single File Component)，整合 、<script>、<style>。
Angular .ts, .html, .scss TypeScript 組件、HTML 模板與樣式分離。主要邏輯為 .ts。
Svelte .svelte 單檔組件格式，整合模板、邏輯與樣式，會被編譯成高效 JavaScript。
Ember.js .hbs / .ts / .js .hbs 是 Handlebars 模板（View），.ts 或 .js 是組件與路由邏輯。
SolidJS .tsx / .jsx 與 React 類似的語法，但使用 fine-grained reactivity。
Qwik .tsx 使用部分 hydration 的前端框架，語法與 React 類似。
Lit / Web Components .ts / .js 使用原生 Web Component API，模板多以 html 標籤模板字串形式存在。
Stencil.js .tsx 建立 Web Components 的編譯式框架，使用 TSX 語法。
Alpine.js .html 直接在 HTML 上使用 x-data、x-bind 等屬性，無特殊副檔名。
主要语言
TypeScript
星标
0
派生
0
30 天内没有已合并 PR

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南，环境需要你自己搭建：先看它的 README，通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue，再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库，在一个分支上完成修改。
  4. 提交 Pull Request，并在描述里引用这个 Issue 编号。

ewdlop/Components 的其他 Issue

查看 ewdlop/Components 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。