版本:2.2.1
一 下載
二 新建項目
三 運行Hello World
四 設置默認調試瀏覽器和模擬器
五 設置vs code 為中文
六 屏蔽.meta顯示
七 常用快捷鍵
一 下載
cocoscreator:https://www.cocos.com/products#CocosCreator
vscode:https://code.visualstudio.com/
Egret和Laya使用的都是集成IDE,Cocos是分開的,從Egret轉過來,UI編輯和寫代碼切換起來有點累。
二 新建項目
新建TypeScript項目,並指定vscode為默認編輯器
點擊文件-設置
選擇數據編輯-外部腳本編輯器,瀏覽到vscode安裝目錄下,選擇Code.exe。
三 運行Hello World
雙擊cocos 資源管理器Script文件夾下的HelloWorld,則會自動打開vscode
修改代碼,設置文本內容為Hello World。然后返回cocos,此時cocos會自動編譯。
cocos左下角的圖標亮起表示編譯中,等圖標暗了就算編譯完成。
cocos中上處,選擇"瀏覽器",然后點擊三角播放按鈕,則可運行游戲
四 設置默認調試瀏覽器和模擬器
文件-設置
設置預覽瀏覽器為chrome,模擬器為ip6
五 設置vs code 為中文
1.vscode中按 ctrl+shift+p
2. 輸入configure display language,選擇安裝其他語言,選擇中文
3. 安裝完,ctrl+shift+p,輸入configure display language,選擇zh-cn。vscode重啟后,變成中文
六 屏蔽.meta顯示
項目中有很多.meta文件,也會在vscode中顯示
vscode 文件-首選項-設置,搜索files.exclude
點擊添加模式,輸入 **/*.meta,則會在vscode屏蔽顯示.meta文件
七 常用快捷鍵
按F1,選擇幫助:鍵盤快捷方式參考,能看到所有快捷鍵
開發中經常使用的:
ctrl+p 按名稱搜索文件
shift+alt+F 格式化文檔
ctrl+左鍵 (F12) 轉到定義
alt+ <-(左箭頭) 跳轉到上個光標處
ctrl+F 當前文件中查找
ctrl+d 按1次選中當前變量,按2次選中的下一個該變量
ctrl+w 關閉當前窗口
八 關閉自動更新
文件-首選項-設置,搜索"更新",把一些自動更新的勾取消掉