web 应用在线编辑器 glitch 简介
glitch 的中文翻譯是格利奇,小差錯???
使用 glitch 的一大便利之處是可以省去本地搭建 web 開發環境的步驟,完成代碼的自動部署,以及方便的將項目分享給其他朋友。這一切都發生在瀏覽器里。
點擊 join today,可以直接用 Github 的用戶名和賬號登錄。
使用 Github 賬號登錄,每個月的 free quota 是 1000小時:
每當一個項目被編輯時,或者被其他用戶訪問時,quota hour 就開始扣減了。
登錄之后,當月剩余的 quota 在 dashboard 里查看:
每個應用在 container 里運行,最多只能消耗 200 MB 磁盤空間,以及 512 MB RAM.
glitch 支持六種項目模板:
Glitch In Bio
這是一個靜態 web 頁面的模板。
新建一個項目:
glitch 會自動生成一個項目框架:
如果只是處于 demo 用途,這些 meta 標簽都可以刪除:
todo.md 里提供了一些練習步驟,可以照著一步步在 index.html 里逐步完善:
比如 img 標簽包含的 illustration 類,
在 style.css 里定義了當元素處于 active 狀態時,
active 選擇器除了 a 標簽外,還可以用于其它任何標簽上。
如果一個 glitch 項目沒有包含下列這三個文件,這個項目就被認為是一個靜態項目:
- package.json
- requirements.txt
- glitch.json
https://help.glitch.com/kb/article/38-what-types-of-apps-can-i-make-on-glitch/
使用 Show in a new Window 可以在一個全新的窗口里打開頁面:
調試的話,和普通 web 應用一樣,直接在腳本里設置斷點即可。
Sources 面板下的文件很干凈,沒有太多亂七八糟的 glitch 特定文件。
點擊這個 share 按鈕,就能將項目的 url 和項目編輯地址發送給其他開發人員進行分享,非常方便:
更多Jerry的原創文章,盡在:“汪子熙”:
總結
以上是生活随笔為你收集整理的web 应用在线编辑器 glitch 简介的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Cypress 里的 ensureAtt
- 下一篇: 《塞尔达传说:王国之泪》发售前惨遭偷跑!