附-CocosCreator安裝 · 使用leaf和cocos creator實現聊天系統(json協議)

## 下載 CocosDashboard 下載地址: https://www.cocos.com/creator ![](https://img.kancloud.cn/bb/61/bb6157f402e47c12441b2a7b5b1f4539_1397x902.png) 我這里選擇從 V3.0.0-Preview.1 版本下載 DASHBOARD，最終安裝包文件為 CocosDashboard-v1.0.11-win32-111819.exe。也可以從其它版本下載 DASHBOARD。 ## 安裝 CocosDashboard 雙擊安裝包文件 CocosDashboard-v1.0.11-win32-111819.exe 開始安裝選擇安裝路徑，可以任意選擇。 ![](https://img.kancloud.cn/b4/81/b481c72ff2c3093799c299cb5805a462_577x716.png) 安裝 Visual Studio 2017，這里可以不用選擇。 ![](https://img.kancloud.cn/fa/4d/fa4d1cb28185e8a9b4cc54af1125fd30_577x716.png) ## 安裝 Cocos Creator 打開 CocosDashboard，如果提示 Cocos 開發者登錄就先登錄，沒有賬號就注冊開發者賬號。 ![](https://img.kancloud.cn/f4/a2/f4a276801cb6ab220ded6bfd80a099c7_1177x790.png) 登錄后選擇編輯器選項，點擊下載編輯器。 ![](https://img.kancloud.cn/eb/e7/ebe7f190d497eda8ce2a0aec74684d53_1180x790.png) 選擇 Cocos Creator 下載，我這里選擇 Cocos Creator 2.3.2，點擊下載按鈕開始下載直到下載完成。 ![](https://img.kancloud.cn/ae/47/ae47be6433fd5c3c172a283581785d1a_1180x790.png) ## 測試選擇項目選項，點擊新建。 ![](https://img.kancloud.cn/f1/f9/f1f9ff81a5a78d6a05abd855ddad4bd0_1180x790.png) 點擊創建并打開，這時會打開 Cocos Creator 編輯器。 ![](https://img.kancloud.cn/87/c0/87c0bfdb9f225b616269c8b8f0d1e0b9_1180x790.png) 點擊開始按鈕運行項目 ![](https://img.kancloud.cn/d1/e0/d1e0461b831b5c1926d2fa39311b80c5_1920x1030.png) 下面是項目運行畫面 ![](https://img.kancloud.cn/92/40/924088a36d819f1116b5707a4f6e5bfc_1203x807.png)