選單

只屬於 Creator 使用者的程式碼神器!

快閃編輯器是基於 VSCode 核心,同時又為 Cocos Creator 量身定製,並且支援2。x 、3。0版本!

只屬於 Creator 使用者的程式碼神器!

預設開啟視窗自動伸縮功能,推薦佈局。

只屬於 Creator 使用者的程式碼神器!

設計初衷

內建程式碼編輯器這款外掛,最初是打算實現無程式碼檔案程式設計,在 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