微信小程式工具 程式碼編輯


編輯區可以對目前專案進行程式碼書寫工作,同時可以對檔案進行基本的新增、刪除以及重新命名。


檔案支援


工具目前提供了4種檔案的編輯:wxml、wxss、js、json以及圖片檔案的預覽。


即時預覽


可以透過編輯區左邊的模擬器,即時預覽編輯的情況:

  • 修改wxss、wxml 文件,會重新整理目前page
  • 修改js 檔案或json 文件,會重新編譯小程式
1481078798918242.png


自動儲存


書寫程式碼後,工具會自動幫助使用者儲存目前的程式碼編輯狀態,直接關閉工具或切換到別的項目,並不會遺失已經編輯的文件狀態,但需要注意的是,只有儲存文件,修改內容才會真實的寫到硬碟上,並觸發即時預覽。


自動補全


同大部分編輯器一樣,我們提供了完善的自動補全

201609261427164067.gif

201609261427239116.gif

#常用快速鍵


格式調整

  • 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:選取匹配

############################## Ctrl+U:遊標回退#########介面相關#########Ctrl + \:隱藏側邊欄######Ctrl + m: 開啟或隱藏模擬器######