Cocos Creator開發(fā)環(huán)境搭建

因為開始測試游戲,所以安裝了開發(fā)環(huán)境,自己可以拉取代碼進行打包測試

1、安裝Node.js和Ant工具,并在cmd中驗證是否安裝成功

https://nodejs.org/en/

http://ant.apache.org/bindownload.cgi

2、安裝java JDK,并配置環(huán)境變量,這個就不重復寫了

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

驗證是否配置成功

3、android Studio環(huán)境搭建,并下載安裝SDK和NDK

http://www.android-studio.org/

https://developer.android.google.cn/ndk/downloads/

4、安裝Python

Python 2.7.5+

5、項目目錄結(jié)構(gòu)


6、安裝Cocos Creator,并配置好sdk、ndk、ant的路徑

7、下載并安裝Visual Studio Code代碼編輯調(diào)試IDE工具

https://code.visualstudio.com/

安裝完成后在cocos creator中打開選擇:開發(fā)者->VS Code 工作流->安裝 VS Code 擴展插件之后creator控制臺中會顯示

開發(fā)者->VS Code 工作流->更新 VS Code 智能提示數(shù)據(jù),這樣在代碼編寫過程中自動提示 Cocos Creator 引擎 API

打開VS Code,進行漢化

修改Josn文件。

1)打開vscode工具;

2)使用快捷鍵組合【Ctrl+Shift+p】,在搜索框中輸入“configure display language”,點擊確定后;

3)修改locale.json文件下的屬性“l(fā)ocale”為“zh-CN”;

4)重啟vscode工具;

接著安裝插件

接下來需要設(shè)置一下VS Code在搜索和顯示文件列表時需要過濾掉的文件和文件夾,方法如下:

文件->首選項->設(shè)置

輸入內(nèi)容

{

"search.exclude": {

? ? "**/node_modules": true,

? ? "**/bower_components": true,

? ? "build/": true,

? ? "temp/": true,

? ? "library/": true,

? ? "**/*.anim": true

? ? },

? ? "files.exclude": {

? ? "**/.git": true,

? ? "**/.svn": true,

? ? "**/.hg": true,

? ? "**/CVS": true,

? ? "**/.DS_Store": true,

? ? "**/*.meta": true,

? ? "library/": true,

? ? "local/": true,

? ? "temp/": true

? ? },

? ? "window.zoomLevel": 2,

}


使用外部文本編輯器修改項目腳本后,要重新激活Cocos Creator 窗口才能觸發(fā)腳本編譯,新版本的 Creator 中增加了一個預覽服務器的 API,可以通過向特定地址發(fā)送請求來激活編輯器的編譯。

下載cURL,如果在 Windows 操作系統(tǒng)的命令行中運行?curl?提示找不到命令,則需要先安裝 curl 到你的系統(tǒng):

http://www.confusedbycode.com/curl/

點擊下圖箭頭所示的控件,完成人機身份驗證后點擊相應版本的下載并默認安裝

驗證curl是否安裝成功

在Cocos Creator中點擊:開發(fā)者->VS Code 工作流->添加編譯任務。該操作會在項目的?.vscode?文件夾下添加?tasks.json?任務配置文件。

控制臺會輸出如下內(nèi)容:

VS Code 還可以為任務配置快捷鍵,請打開主菜單的?Code -> 首選項 -> 鍵盤快捷方式,并在右側(cè)的?keybindings.json?里添加以下條目:

{ "key": "ctrl+p", //請配置自己習慣的快捷鍵?"command": "workbench.action.tasks.runTask", "args": "compile"?}

這樣就可以使用快捷鍵一鍵完成項目腳本編譯了!

重啟VSCode ,按Ctrl+p鍵,出現(xiàn)如下圖,說明編譯成功


8、使用Visual Studio Code調(diào)試網(wǎng)頁版游戲

(1)安裝chrome瀏覽器

https://www.google.com/chrome/

(2)安裝VS Code 插件:Debugger for Chrome

(3)在Cocos Creator中點擊:開發(fā)者->VS Code 工作流->添加 Chrome Debug 配置,這個菜單命令會在你的項目文件夾下添加一個?.vscode/launch.json?文件作為調(diào)試器的配置,之后你就可以在 VS Code 里點擊左側(cè)欄的?調(diào)試?按鈕打開調(diào)試面板,并在最上方的調(diào)試配置中選擇?Creator Debug: Launch Chrome,然后點擊綠色的開始按鈕開始調(diào)試

9、使用Cocos Creator調(diào)試原生工程

這里模擬器每次運行都是橫屏的,所有需要修改一下,把下面兩個配置文件放置cocos的位置

D:\CocosCreator\resources\cocos2d-x\simulator\win32

配置文件下載地址:https://github.com/zhangzichao11/Cocos-Creator-

10、使用Cocos Creator發(fā)布原生版本

app位置:H:\CurveBattle\trunk\Client\build\jsb-link\publish\android

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 繼全球第一本中文教程《Cocos Creator 完全使用手冊》上架后,我們很開心這么快就聽到了第二本 Cocos...
    賊老天閱讀 3,537評論 0 4
  • https://medium.com/@equisept/simplest-typescript-with-vis...
    peerben閱讀 3,126評論 0 1
  • 1.前往 VS Code 的 官方網(wǎng)站,點擊首頁的下載鏈接即可下載。 2.(Mac)打開 Cocos Creato...
    beatzcs閱讀 17,279評論 0 2
  • “你看這是什么路?”我指著路對面的指示牌問丫頭。 “正有街!太遠了了看不清楚?!?我拉著丫頭過馬路,站在指示牌下,...
    張瓓閱讀 370評論 3 2
  • 媽媽們在一起,最喜歡聊孩子。時間長了,英子替我總結(jié)出一條教養(yǎng)方法:溫柔地堅持。 喜歡這個表述。仔細回味...
    靈動語文閱讀 1,165評論 2 11

友情鏈接更多精彩內(nèi)容