快閃編輯器是基於 VSCode 核心,同時又為 Cocos Creator 量身定製,並且支援2。x 、3。0版本!
預設開啟視窗自動伸縮功能,推薦佈局。
設計初衷
內建程式碼編輯器這款外掛,最初是打算實現無程式碼檔案程式設計,在 Creator 內點選 Node 可以在屬性面板直接編輯內建程式碼塊。
但是由於內建程式碼塊實現難度大,放棄了這種做法。
「現在經過修改將編輯內建程式碼塊改成了編輯Node繫結的指令碼」
外掛所帶來的體驗:
隨手修改當前開啟場景或介面上繫結的程式碼檔案,直接編輯內容;
方便複製 UI 命名、引數到節點上或反過來;
方便新建 UI 屬性拖拽;
方便邊寫程式碼邊對照介面顯示資訊
一鍵新程式碼模板並繫結到節點,並顯示程式碼內容直接編輯,一條龍服務
一鍵生成拖拽變數,並繫結元件或資源
不用頻繁的在 vscode、Creator、瀏覽器三者之間頻繁切換
外掛主要功能
備忘錄(啟動外掛第一個頁面)
vscode 迷你搜索欄(用於開啟檔案、場景,快捷鍵[v])
vscode 程式碼編輯器功能
命令模式(直接執行除錯編輯中的程式碼,快捷鍵[Alt+E]或[Com+E])
模擬執行除錯(類似 U3D 預覽效果,快捷鍵[Shift+Alt+E])
遊戲執行預覽視窗(快捷鍵[F11])
搜尋未使用的資源(用於清理不用的檔案,快捷鍵[Alt+L]
輔助編輯功能:
快速生成指令碼並繫結節點(滑鼠選中場景中的節點按[F3]快速生成指令碼並繫結,指令碼在該場景同級目錄裡生成。生成程式碼模板格式可在設定配置)
批次重新命名(滑鼠選取好節點或檔案時按[D]開啟重新命名介面,完成後按順序重新命名)
批次繫結元件(滑鼠選取好節點時按[G]開啟元件介面,完成後繫結元件到節點)
批次插入預製節點(滑鼠選取好節點時按[A]開啟預製節點介面,完成後插入預製節點到場景)
快速批次刪除節點和繫結的指令碼(滑鼠選取好節點按[Alt+Shift+Enter]彈出確認介面進行刪除操作)
快捷鍵目錄(可以將’資料夾’繫結’數字鍵快捷鍵’,透過按數字鍵轉跳到指定目錄。使用方法:選中資料夾後繫結快捷鍵:[Alt+0-9]繫結指定數字鍵標籤, 按[0~9]轉跳到已繫結的資料夾位置)
選中檔案資源按[X]剪下,按[C]貼上檔案。配合快捷目錄快速移動檔案
快捷鍵節點(按[Alt+~]可以儲存當前場景所有節點選取狀態,按下 [~] 回到之前儲存的節點選取狀態)
批次選中同名的節點 (類似在 vscode 按 Ctrl+D 批次選中同名節點,操作快捷 [S] 或 [Alt+D])
批次搜尋選中節點的子節點(用於快速批次選中指定名字的節點,操作快捷[F])
專案管理:
[Alt+F1]開啟專案目錄
[Alt+F2]開啟專案目錄到外部編輯器,編輯器路徑配置在配置快捷鍵選項裡開啟
[Alt+F3]開啟專案目錄到 Creator 新視窗
其它還有配置快捷鍵、模板、程式碼輸入提示設定。
程式碼編輯功能:
TS/JS 程式碼提示功能比 vsode 更好,支援 import/require 引入的模組程式碼提示
內建 creator。d。ts 檔案 cocos api 提示開箱即用,支援 TS/JS
支援遊戲專案內的函式名跨檔案提示
支援變數引用位置搜尋、跳轉
支援 Ctrl+ 點選 跳轉到物件成員宣告的檔案位置
支援 json/js/ts 文件格式化
記住上關閉 Creator 前開啟程式碼,重啟 Creator 恢復程式碼標籤,快速進入上次工作狀態;
支援[Ctrl+Shift+O]函式跳轉…,其它幾十條功能 vscode 相同,就不一一介紹了
支援匯入自定義 xxxx_api。d。ts 的程式碼宣告檔案,使用方法:d。ts 宣告檔案放至專案根目錄(與 assets 資料夾同級),然後重啟 Creator 即可
支援 Vim 編輯模式
新手教程
從 Creator 外掛商店下載安裝本外掛後,按 F1 開啟程式碼編輯面板,然後將面板視窗拖到 Creator 內;
選中場景編輯器內有繫結指令碼的 Node,然後直接開始編輯繫結的程式碼,如下圖所示;
選中場景編輯的 Node,按下 F3 一鍵新程式碼模板並繫結到節點,並顯示程式碼內容直接編輯,一條龍服務;
更多內容可以看論壇教程https://forum。cocos。org/t/topic/103380
https://forum。cocos。org/t/topic/99871