微信小程式工具 程式碼編輯
編輯區可以對目前專案進行程式碼書寫工作,同時可以對檔案進行基本的新增、刪除以及重新命名。
檔案支援
工具目前提供了4種檔案的編輯:wxml、wxss、js、json以及圖片檔案的預覽。
即時預覽
可以透過編輯區左邊的模擬器,即時預覽編輯的情況:
- 修改wxss、wxml 文件,會重新整理目前page
- 修改js 檔案或json 文件,會重新編譯小程式
自動儲存
書寫程式碼後,工具會自動幫助使用者儲存目前的程式碼編輯狀態,直接關閉工具或切換到別的項目,並不會遺失已經編輯的文件狀態,但需要注意的是,只有儲存文件,修改內容才會真實的寫到硬碟上,並觸發即時預覽。
自動補全
同大部分編輯器一樣,我們提供了完善的自動補全
#常用快速鍵
格式調整
- Ctrl+S:儲存檔案
- Ctrl+[, Ctrl+]:程式碼行縮排
- Ctrl+Shift+[, Ctrl+Shift+]:折疊開啟程式碼區塊
- Ctrl+C Ctrl+V:複製貼上,如果沒有選取任何文字則複製貼上一行
- Shift+Alt+F:程式碼格式化
- Alt+Up,Alt+Down:上下移動一行
- Shift+Alt+Up, Shift+Alt+Down:向上往下複製一行
- Ctrl+Shift+Enter:在目前行上方插入一行
遊標相關
- ##Ctrl +End:移動到檔案結尾Ctrl+Home:移動到檔案開頭Ctrl+i:選取目前行Shift+End:選擇從遊標到行尾Shift+Home:選擇從行首到遊標處Ctrl+Shift+L:選取所有符合Ctrl+D:選取匹配