CocosCreator TypeScript項目 (vscode 設置中文,默認調試環境設置,常用快捷鍵)


版本: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 關閉當前窗口

 

八 關閉自動更新

文件-首選項-設置,搜索"更新",把一些自動更新的勾取消掉

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM