深入編輯
如何讓 MeDo 精確地完成變更:何時用對話、何時用 Edit 模式、何時截圖更快、何時打開程式碼,以及如何從錯誤的變更中恢復。
編輯你的應用程式介紹了每一個工具。本頁談的是判斷:哪個工具能一次把特定變更做好,以及變更出錯時該怎麼辦。
依變更選擇工具
撰寫能一次到位的變更請求
MeDo 讀你的訊息,就像開發者讀工單一樣。能一次做對的請求都有三個共通點:
- 位置。先頁面,再區塊,再元素:「Contact 頁面,表單,Submit 按鈕」。
- 目前狀態與期望狀態。「按鈕現在是灰色的;把它改成和頁首一樣的綠色。」
- 只提一件事。如果你有五個變更,就送五則訊息,或只把彼此相關的合在一起(「收緊整個 Menu 區塊的間距」)。
如果 MeDo 提出問題,在下一則訊息中回答。重新送出原本的請求會讓理解過程從頭開始。
用 Edit 模式處理文案和樣式
開啟預覽上方的 Edit(編輯),點擊元素,然後在 Edit element(編輯元素) 面板中修改文字、字型、顏色、間距、圓角和連結。如果面板沒有提供你需要的屬性,使用元素下方的 Tell Medo your needs(告訴 Medo 你的需求) 欄位:該元素會一直附在你的指示上,所以「把這張卡片改成和其他卡片一樣高」只會指向那張卡片,不會指向其他東西。
Edit 模式只能處理頁面上已有的內容。要新增東西,請改用對話。
用截圖處理任何和位置有關的變更
「把徽章移到圖片的右上角」說起來容易,卻很容易被誤解。用 Screenshot(截圖) 工具畫一個矩形,再加上「把徽章移到這裡」,就不會有誤解。只要你的指示包含 這裡、這一個、之間 或 旁邊 這類字眼,就用它。完整範例:用截圖編輯。
參考圖片和檔案
用 + 按鈕(Upload(上載) 或 Add from asset library(從素材庫加入))附加參考資料,並說明該如何使用:「配合這個調色盤」、「用這張作為主視覺照片」、「價格表的版面要跟這張截圖一樣」。一張你想要的樣子的圖片勝過幾段文字描述——MeDo 複製一種外觀,比推斷一種外觀可靠得多。
用 Code 視圖走完最後一步
從左側欄開啟 Code(程式碼) 視圖,瀏覽專案樹並編輯任何檔案。以下情況適合在這裡處理:
- 你在原始碼中看到並想精確修改的常數、標籤或網址;
- 某個元件中的小幅樣式調整;
- 在提出下一個請求前,確認 MeDo 實際做了什麼。
儲存後預覽會刷新。編輯原始碼後,請先發佈再下載程式碼,讓套件和線上應用程式一致。
改計劃,而不是改結果
對於新應用程式或大型功能,MeDo 會先撰寫一份需求文件(分頁:Requirements、Style、Backend)。在點擊 Generate App(生成應用程式) 之前用 Edit 修正錯誤的假設,遠比重做一個已完成的應用程式便宜。見撰寫更好的提示詞。
從錯誤的變更中恢復
- 復原——在 Edit 模式中,使用 Edit 按鈕旁的復原箭嘴。
- 請 MeDo 還原——在對話中說「復原上一次變更」,即可回到先前的狀態。
- 還原版本——開啟頂欄的版本按鈕並選擇你想要的版本;見版本回滾與垃圾桶。
- 刷新預覽——預覽工具列中的刷新圖示可清除過時的畫面。
另外請記住:在你點擊 Update(更新) 之前,這些都不會影響訪客。