演示

Glitch是一個非常棒的平台，可以用來學習和實驗程式碼。本文將向您介紹Glitch，並讓您從零到一成為Glitch的高手。 Glitch是一個很好的學習編程的平台。 我在許多教程中使用Glitch，我認為它是一個展示概念並允許人們使用您的項目並在其基礎上建立的很棒的工具。 以下是我在Glitch上使用React和React Router創建的示例項目：https://glitch.com/edit/#!/flaviocopes-react-router-v4-2 使用Glitch，您可以輕鬆地創建JavaScript編寫的應用程序的演示和原型，從簡單的網頁到React或Vue等高級框架，以及支持服務器端的Node.js應用程序。 它基於Node.js構建，您可以安裝任何 npm包，運行webpack等等。 它是由一些非常成功的產品開發人員共同打造的，包括Trello和Stack Overflow，所以它在這方面具有很高的可信度。 我為什麼認為Glitch很棒呢？ Glitch在如何呈現自己的方面“打動了”我，它介面有趣，但又不簡化。 您可以訪問日誌，控制台和許多內部內容。 此外，接口中非常突出的重新混音的概念使我更有可能在那裡創建許多項目，因為我永遠不需要從一個空白項目開始。 您可以開始直接進入代碼，而無需花時間設置環境、版本控制等等，並專注於您的想法，並獲得自動HTTPS URL和用於媒體資源的CDN。 此外，它完全沒有鎖定，只需使用Node.js（或者如果您不使用服務器端Javascript，只需使用HTML，JS和CSS）。 它是免費的嗎？ 是的，它是免費的，將來他們可能會在付費計劃上添加更多功能，但他們聲明目前的Glitch將永遠免費。 有合理的限制，例如： 您有128MB的空間（不包括npm包），此外還有512MB的媒體資源空間。 您每小時可以處理4000個請求。 如果5分鐘內不訪問應用程序且應用程序不接收任何HTTP請求，則應用程序將停止，長時間運行的應用程序將在12小時後停止運行。只要有HTTP請求進來，它們就會重新啟動。 Glitch概述 這是Glitch的主頁，它顯示了一些因為很酷而被認為值得展示的項目，以及一些入門項目： 創建帳戶非常簡單，只需點擊“登錄”並選擇Facebook或GitHub作為您的“進入點”（我建議選擇GitHub）： 您將被重定向到GitHub以進行授權： 登錄後，主頁也會顯示您的項目： 點擊“您的項目”將帶您轉到您的個人資料頁面，URL中包含您的姓名。我的是https://glitch.com/@flaviocopes。 您可以將項目設為“固定”，以便在有很多項目時更容易找到它們。 重新混音的概念 當您剛開始時，當然沒有自己的項目。 Glitch使得非常容易開始，您從不需要從空白項目開始。您始終是從另一個項目重新混音。 您可以重新混音您喜歡的項目，也可以重新混音您在Twitter上找到的項目或在Glitch主頁上展示的項目，或者您可以從一個作為啟動項目的項目開始： 一個簡單的網頁 Node.js Express應用程序 Node.js控制台 Create-React-App應用程序 Nuxt入門應用程序 這些合集中還有許多其他啟動項目： Hello World項目 構建塊 如果您現在正在學習編碼，那麼Learn to Code Glitch合集非常不錯。 我創建了一些作為我的演示和測試組態應用的啟動應用，它們是： 簡單的HTML + CSS + JS Glitch React + webpack創建的啟動項目 Glitch Glitch使創建自己的構建塊變得非常容易，通過將它們固定在個人資料中，您可以始終將它們保持在頂部，以便更容易找到。 重新混音一個項目 一旦您要開始對一個項目進行修改，您只需點擊它，然後出現一個窗口： 有3個按鈕： 預覽：項目是代碼，代碼應該做一些事情。這將顯示項目的結果。 編輯項目：顯示項目的源代碼，並且您可以開始編輯它 重新混音：將項目克隆為一個新項目 每次重新混音一個項目時，都會創建一個新的項目，並隨機生成一個名稱。 以下是剛創建和重新混音另一個項目後的項目示例： Glitch將其命名為guttural-noodle。點擊名字可以更改它： 您還可以更改描述。...