JavaScript Editor: React JS TS

在您的安卓手機上編寫 JavaScript、TypeScript 和 React 程式碼。這款真正的程式碼編輯器提供即時預覽、npm 套件、多文件項目，只需輕輕一點即可將您的作品發佈到 Web 上。

JavaScript Editor 是一款針對 Web 開發者、學生和麵試準備者的行動開發環境。編輯器、控制台和 React 預覽均可在您的裝置上運行。

您可以做什麼

• 編寫 JavaScript 程式碼並執行，同時輸出控制台日誌、警告和錯誤訊息，並可直接顯示

• 使用 JSX 編寫 React 元件，並在您的裝置上即時預覽渲染效果

• 編寫 TypeScript 和 TSX 程式碼，程式碼運行前會自動剝離類型

• 將專案拆分到多個檔案和資料夾中，並在它們之間匯入

• 使用普通的 import 語句引入 npm 套件

• 將項目發佈到可在任何瀏覽器中開啟並發送給任何人的鏈接

• 在裝置上的任何位置開啟並儲存 .js、.jsx、.ts 和 .tsx 檔案

多文件項目

真正的應用程式並非只有一個檔案。新增元件和資料夾，使用普通的相對路徑在它們之間匯入，並透過專為手機螢幕設計的標籤列切換檔案。點選「執行」後，您的入口檔案會自動掛載。

TypeScript

啟用 TypeScript，即可使用介面、泛型和類型化屬性來撰寫 .ts 和 .tsx 檔案。類型會在執行前被移除，因此您的程式碼會在點擊「執行」後立即運行。

NPM 包

按名稱導入包，運行時即可解析。無需終端、無需安裝步驟、無需設定檔。引入 UI 庫、日期助手或動畫包，即可立即使用。

發佈到 Web

將任何項目轉換為連結。多檔案匯入、npm 套件和 TypeScript 都包含在內，與在應用程式中的運作方式完全相同。更改程式碼並重新發布——連結保持不變，並顯示新版本。隨時可以下架頁面。

程式碼編輯器

語法高亮、自動換行、標點符號列（無需費力查找）、React Hooks 快速列、尋找和取代功能，以及深度撤銷歷史記錄。等寬字體，適合小螢幕；字體大小和縮排寬度可調；並提供一系列深色編輯器主題。

JavaScript 控制台和偵錯

運行任何程式碼片段，即可在編輯器下方查看控制台輸出。日誌、資訊、警告和錯誤訊息以不同顏色區分，並帶有時間戳記和一鍵清除功能。錯誤訊息會顯示在發生的位置，方便您找到出錯的程式碼行並進行修復。

React 預覽

點擊“運行”，您的元件將載入到編輯器下方的即時預覽窗格中。一鍵編輯 CSS。全螢幕顯示，即可在整個螢幕上查看效果。

範例庫

精選 JavaScript 和 React 範例——陣列和迭代、async 和 await、閉包、類別、fetch、Hooks、狀態、動態清單、表單和視覺效果。使用標籤頁按 JavaScript 或 React 篩選。

儲存、開啟和匯出

透過系統對話方塊將項目儲存到應用程式或裝置。直接在手機上開啟現有檔案；擴充功能會自動選擇合適的模式。將專案匯出為可在任何瀏覽器中執行的獨立 HTML 檔案。

適用人群

• 不在電腦旁，需要繪製組件草圖的 Web 開發人員

• 學習 JavaScript、TypeScript、React 或 DOM 的學生

• 準備面試，練習實際 JavaScript 演算法的求職者

• 在手機上學習教程的自學者

• 任何想要一個可以保存實際工作的行動 JavaScript 練習平台的人

提供專業版升級

編輯器、控制台、React 預覽和範例庫均可免費使用專業版升級可移除廣告，並解鎖多文件項目、TypeScript、發布、編輯器主題、自訂程式碼片段、查找和替換以及一鍵格式化等功能。

語言

支援 16 種語言，包括英語、西班牙語、葡萄牙語、法語、德語、俄語、印地語、孟加拉語、印尼語、土耳其語、烏爾都語、阿拉伯語、索馬利語、簡體中文、日語和韓語。