Cocos Creator 內置vscode編輯器插件使用說明

功能列表:

  • 1.快速生成腳本並綁定節點(鼠標選中場景中的節點按[F3]快速生成腳本並綁定,腳本在該場景同級目錄裏生成。生成代碼模板格式可在設置配置)

  • 2.批量重命名(鼠標選取好節點或文件時按[D]打開重命名界面,完成後按順序重命名)

  • 4.批量綁定組件(鼠標選取好節點時按[G]打開組件界面,完成後綁定組件到節點)

  • 5.批量插入預製節點(鼠標選取好節點時按[A]打開預製節點界面,完成後插入預製節點到場景)
    x

  • 6.快速批量刪除節點和綁定的腳本(鼠標選取好節按[Alt+Shift+Enter]彈出確認界面進行刪除操作)

  • 7.快捷鍵目錄(可以將’文件夾’綁定’數字鍵快捷鍵’,通過按數字鍵轉跳到指定目錄。使用方法:
    選中文件夾後綁定快捷鍵:Alt+[0-9]綁定指定數字鍵標籤, 按0~9轉跳到已綁定的文件夾位置)

  • 8.選中文件資源按[X]剪切,按[C]粘貼文件。配合快捷目錄快速移動文件

  • 9.快捷鍵節點(按[Alt+~]可以保存當前場景所有節點選取狀態,按下 [~] 回到之前保存的節點選取狀態)

  • 10.批量選中同名的節點(類似在vscode按 Ctrl+D 批量選中同名節點,操作快捷 [S] 或 [Alt+D])

  • 11.批量搜索選中節點的子節點(用於快速批量選中指定名字的節點,操作快捷[F])

編輯功能:

  • 1.備忘錄(啓動插件第一個頁面)

  • 2.vscode迷你搜索欄(用於打開文件、場景,快捷鍵[v])

  • 3.vscode代碼編輯器功能

  • 4.命令模式(直接運行調試編輯中的代碼,快捷鍵[Alt+E]或[Com+E])

  • 6.模擬運行調試(類似U3D預覽效果,快捷鍵[Shift+Alt+E])

  • 8.遊戲運行預覽窗口(快捷鍵[F11])

  • 9.搜索未使用的資源(用於清理不用的文件,快捷鍵[Alt+L])

代碼編輯功能:

  • 1.TS/JS代碼提示功能比vsode更好,支持 import/require 引入的模塊代碼提示

  • 2.內置creator.d.ts文件cocos api提示開箱即用,支持TS/JS

  • 3.支持遊戲項目內的函數名跨文件提示

  • 4.支持變量引用位置搜索、跳轉

  • 5.支持Ctrl+點擊 跳轉到對象成員聲明的文件位置

  • 6.支持json/js/ts文檔格式化

  • 7.記住上關閉creator前打開代碼,重啓creator恢復代碼標籤,快速進入上次工作狀態;

  • 8.支持[Ctrl+.]"快速修復"報錯,

  • 9.支持[Ctrl+Shift+O]函數跳轉…,其它幾十條功能vscode相同,就不一一介紹了

  • 10.支持導入自定義 xxxx_api.d.ts 的代碼聲明文件,
    使用方法:d.ts聲明文件放至項目根目錄(與assets文件夾同級),然後重啓creator即可

設計初衷:

問:
也許大家有個疑問:我爲什麼要用內置代碼編輯器,用外置的vscode編輯器不香麼?

答:
一切都要從懶說起;

1.使用本插件後點擊場景的節點可直接編輯該節點綁定的腳本代碼;

2.方便快速修改UI代碼塊

3.減少人腦查找代碼時所需」腦力「的佔用率

4.減少分心,把精力放在更重要事情上:

5.代碼與UI同屏工作,方便搬磚;

在這裏插入圖片描述

佈局推薦:

也許大家會內置編輯器覺得太佔地方,我推薦使用這個佈局能伸能縮,不會佔用太多地方;
在這裏插入圖片描述