參考:https://docs.cocos.com/creator/manual/zh/getting-started/project-structure.html
配置: MacOS 10.12.6 CocosCreator2.3.3 JavaScript
引擎結構
查看cocosCreator的引擎代碼相關,步驟:
cocosCreator簡單的說,主要有三部分組成:編譯器,cocos2d-x, cocos2d-js。我們可以打開:
應用程序 -> CocosCreator(文件夾) -> Creator -> 2.3.3 -> CocosCreator -> 顯示包內容 -> Contents -> Resources
cocos2d-x: cocos2d-x版本的刪減版,比如刪除了一些其他平台的支持,僅保留了IOS, Android, Windows版本;刪除了Lua庫支持相關
engine/cocos2d: cocos2d-js刪減版本,僅保留了為編譯器和打包所需要的文件
engine/editor: 編譯器相關
它采用ECS(Entity Component System)組件設計模式,該模式的特點就是將各種功能封裝成組件的形式,然后將組件掛載在指定的容器節點上。
該設計模式提倡使用組合代替繼承,可以很好的封裝和重用功能組件,並且可以輕松的擴展引擎。
目錄結構
使用Dashboard創建EmptyProject后,其項目目錄結構為:
(標記部分用於Git版本控制)
.gitgnore: 忽略配置文件相關,新建項目后自動生成,用於Git版本控制相關
assets:資源文件夾相關,用於放置游戲中的資源,腳本等文件,放置在該目錄下的文件才能在資源管理器中顯示。
creator.d.ts/jsconfig.json:JavaScript API智能提示相關
操作步驟:開發者 -> Vs Code工作流 -> 更新Vs Code智能提示數據。
注意:javScript項目勿點擊 添加TypeScript項目配置, 會生成tsconfig.json導致javaScript智能提示無效。
若出現此問題,刪除tsconfig.json文件
library:資源庫相關,將assets中的資源導入后生成,該目錄下文件丟失或損壞的時候,刪除后打開項目就會重新生成。
local:本地配置相關,包含編譯器面板布局,窗口大小,位置等信息。
packages:擴展相關 ,用於放置項目自定義擴展插件,若想卸載插件,在packages下刪除指定文件夾即可。
project.json:項目配置文件,和assets在一起用於驗證cocosCreator項目合法性的標志。
settings:項目設置相關,如構建發布菜單里的包名,場景和平台選擇等。
temp:臨時文件夾相關,用於緩存cocosCreator在本地的臨時文件
build: 在第一次構建發布后才會生成,構建發布相關:項目 -> 構建發布
assets說明:
該路徑下的資源包含文件夾在導入后都會生成對應的.meta資源配置文件, 通常情況下我們會創建4個文件夾:res, resource, scene, scripts
res\resources: 放置資源文件相關
--[[ res:主要放置編譯器所需要的靜態資源 resources:主要放置動態加載的資源,即通過cc.loader.loadRes來加載的資源 如果不需要動態加載,就不要放置到resources文件夾中。 這樣設置的原因主要是為了避免將所有資源放置在res中而導致打包后的包體文件settings.json過大。 --]]
scene:場景文件相關,文件夾中格式為.fire
scripts: 腳本文件相關
該配置文件在編譯器中是不可見的,若對資源執行了刪除等操作,都會由編譯器自動同步。假設我們創建了game的場景文件,其配置信息為:
-- game.fire.meta 資源配置文件 { "ver": "1.2.7", "uuid": "9efb26cf-2a11-40fc-89bc-db4a1639e842", "asyncLoadAssets": false, "autoReleaseAssets": false, "subMetas": {} } --[[ ver: uuid: 資源的唯一標識,編譯器在查找資源時通過uuid查找,我們也可通過該屬性查找指定資源 asyncLoadAssets: 屬性檢查器中設定,是否延遲加載資源 autoReleaseAssets: 屬性檢查器中設定,是否自動釋放資源 subMetas: ]]
IDE配置:
編寫腳本可使用微軟推出出的Visual Code,該編譯器可輕松實現語法高亮,智能代碼提示等功能。
下載地址:https://code.visualstudio.com/
安裝成功后,在cocosCreator中的配置有:
1. 智能提示相關
開發者 -> VS Code工作流 -> 安裝VS Code擴展, 控制台成功提示:VS Code extension installed to ...
開發者 -> VS Code工作流 -> 更新VS Code智能提示,控制台成功提示: API data generated and copied to ...
2. 設置默認編譯器相關
CocosCreator -> 偏好設置 -> 數據編輯 -> 外部腳本編譯器
設置為Visual Studio Code.app 這樣可保證雙擊javaScript腳本從Vs Code中打開指定文件。
3. 設置VsCode目錄文件顯示和搜素過濾相關
Code -> 首選項 -> 設置,在搜索目錄下輸入“exclude”, 然后在
Files:Exclude中添加:
**/.git **/.DS_Store **/*.meta library/ local/ temp/
Search:Exclude中添加:
**/node_modules **/bower_components build/ temp/ library/ **/*.anim