經過數月的開發和測試，我們很高興地宣布 AnalogJS 1.0 版本發布！ 1.0版本包含許多功能，可協助開發人員使用 Angular 更快地交付網站和應用程式。
此版本標誌著 Analog 的第一個主要版本，為開發人員使用 Analog 進行建置提供了更穩定的起點。我們將繼續從開發人員那裡獲得回饋，幫助我們繼續改進和創新專案。
特點⭐️
Analog 是建構在 Angular 之上的元框架，由下一代開源建置工具Vite和開源伺服器引擎框架Nitro提供支援。以下是它的一些功能，包括：
-
對 Vite 生態系統的一流支援（Vitest、Playwright、Cypress 等）
-
支援 Markdown頁面和博客
-
支援 Angular CLI/ Nx 工作區
-
與tRPC整合以實現類型安全的伺服器交互
-
伺服器和部署支援
-
和更多！
貢獻和社區🤓
如果沒有核心貢獻者和合作者團隊，AnalogJS 就不會有今天的成就。
此外，也要感謝該專案的80 多名貢獻者，無論是透過程式碼、文件、測試，還是只是嘗試該專案。
該專案已經在GitHub上擁有超過 2000 顆星，在Discord上擁有超過 500 名成員，在Twitter/X上擁有超過 1000 名追蹤者，並被納入第一批GitHub 加速器隊列。
{% youtube H4U6udLcM-Q %}
如果您想嘗試 Analog，請查看這篇有關使用 Analog 和 Angular建立部落格的部落格文章。如果您想參與該專案，請查看GitHub 儲存庫。
下一步是什麼
我們將繼續使用 Analog 和 Angular 盡可能無縫地建立全端網站和應用程式，並透過與Astro 、 Nx 、 Vitest 、 Storybook等整合來擴展 Angular 生態系統。
我們還在 Analog 中引入了一種新的單文件元件格式，用於編寫元件和指令。
以下是hello.analog檔案的範例：
<script lang="ts">
import { signal } from '@angular/core';
const count = signal(0);
function increment() {
count.update(total => ++total);
}
</script>
<template>
<h2>Hello Analog</h2>
Count: {{ count() }}
<button (click)="increment()">
Increment
</button>
</template>
<style>
h2 {
color: red;
}
</style>最初是使用 Angular 的元件和指令的.ng檔案副檔名，現已發展成為模擬 SFC，其功能包括支援自動導入、內聯 Markdown 模板、頁面路由等。隨著 Analog 未來的發展，我們將繼續迭代這種方法，並探索在 Angular 應用程式中啟用這種格式的選項。
我們已經收到了非常積極的回饋，甚至還收到了支援這種格式的進一步開發，包括用於模擬 SFC 的 IDEA 插件，該插件可在 WebStorm 的 EAP 版本中使用。感謝 JetBrains 團隊的Jan-Niklas Wortmann和Piotr Tomiak對此外掛程式的初步開發。您也可以在GitHub上為該插件做出貢獻。
與 Analog 合作🤝
我們正在尋找與模擬專案合作的公司，以支持該專案的開發。感謝Snyder Technologies作為 Analog 的早期採用者和推動者，感謝 Nx作為贊助商加入我們，感謝 House of Angular以及該專案的許多其他支持者。
了解有關我們合作機會的更多資訊或直接聯繫贊助商[at]analogjs.org。
加入社群🥇
-
存取GitHub 儲存庫並為其加註星標
-
加入不和諧
-
在推特上關注我們
如果您喜歡這篇文章，請點擊 :heart: 這樣其他人就會看到它。在 Twitter/X 上關注AnalogJS和 [me] (https://twitter.com/brandontroberts)，並訂閱我的[YouTube 頻道](https://youtube.com/brandonrobertsdev?sub_confirmation=1)以獲取更多內容！
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式