它透過使用 OpenAI 聊天完成 API(例如 gpt-3.5-turbo、gpt-4 等)來運作。您需要擁有此 API 的(付費)存取權。
透過 API 使用 gpt-4 比使用 ChatGPT plus 快得多,並且沒有訊息限制。
所有聊天都保存在本機儲存中,因此您將無法從任何其他瀏覽器或裝置存取它們,除非您使用匯出/匯入功能。
這是一個學習實驗。
我想嘗試 OpenAI API,同時我想看看使用 Tailwind CSS 在純 Web 元件中編寫介面有多麼容易。
我希望開發盡可能簡單,最好沒有任何建置步驟,絕對沒有 npm 套件。
因此,只需將文件載入到瀏覽器中並開始編碼即可。
目前的結構有點混亂,因為我一直在嘗試不同的東西。
這就是結果!
它完全在瀏覽器內的 GitHub 頁面上運行,除了 OpenAI API 之外沒有任何外部呼叫。
不幸的是,TailwindCSS 需要建立步驟,除非您想將整個 CSS 庫載入到瀏覽器中。
因此,我接受了必須運行一個小型 tailwindcss CLI,它可以監視程式碼並在更改時重建 CSS 檔案。
要使用導入,所有內容都需要作為正確的網站提供 - 即:http://,而不是 file:/// 。
因此,在開發時,我必須在此目錄中執行一個小型網頁伺服器(npx http-server)。
至少與使用 Webpack、Vite 等相比,這些速度更快。
並且沒有建置步驟 - 它只是幾個小型開發服務。
雖然可以避免框架,但僅透過使用 Web 元件,您就不需要很多外部依賴項,然後您的生活就會變得更加輕鬆。例如,使用 Vite 之類的東西。
Vite 將協助您將所有外部依賴項保持在本地(由您提供)並保持最新狀態,並啟用熱重載。
單獨使用 Web 元件僅適用於現代瀏覽器,因此,如果您需要支援其創建者不再支援的任何瀏覽器(例如 Internet Explorer、舊版 Chrome、Safari 等),您不妨購買框架。