因為開始測試游戲,所以安裝了開發(fā)環(huán)境,自己可以拉取代碼進行打包測試
1、安裝Node.js和Ant工具,并在cmd中驗證是否安裝成功
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
