主題
- VSCode配置
- 編寫js腳本時智能提示
- JavaScript函數command點擊不跳轉，代碼提示不全面
特別說明
CocosCreator微信小遊戲開發系列文章，是我在逐步開發過程中，基於官方文檔之上，記錄一些重點內容，以及對官方文檔中有些知識點的補充和分析。
正文
1. 代碼編輯器 VS Code
CocosCreator官方推薦的代碼編輯器是Visual Studio Code，配置編輯環境有兩步：
- 選擇主菜單裏的 開發者 -> VS Code 工作流 -> 安裝 VS Code 擴展插件
- 選擇主菜單的 開發者 -> VS Code 工作流 -> 更新 VS Code 智能提示數據
官方提醒：在項目根目錄中添加 jsconfig.json 設置文件才能正確的使用包括智能提示在內的JavaScript 語言功能,如JavaScript代碼的智能提示失效，請嘗試刪除tsconfig.json文件
2.VSCode配置
- 搜索“VS Code快捷鍵”設置喜歡的快捷鍵，提高開發效率；
- 修改js腳本並cmd+s保存後，CocosCreator會自動同步腳本meta文件，運行即可看到更改內容；
3. js腳本
Cocos Creator的腳本負責控制組件的動態加載和刷新等業務邏輯，在CocosCreator界面編輯器內可以直接創建js或ts腳本，但是具體的編寫還是要用專業的代碼編輯器的，它能大大加快開發效率。
首先完整的看完官方文檔“腳本開發指南”，如果對JavaScript語法不熟悉，還要去找JavaScript文檔充電學習。
js腳本編寫過程中需要注意this上下文。比如匿名函數A作爲參數傳入另一個函數B時，函數A的this上下文是變了的，這時調用this.C()就會報錯了，解決方法如下：
cc.resources.load("", function (err, spriteFrame) {
...
this.logoSpriteFrame = spriteFrame;
}.bind(this)
);
//或者
var that = this;
cc.resources.load("", function (err, spriteFrame) {
...
that.logoSpriteFrame = spriteFrame;
}
);
4. JavaScript函數command點擊不跳轉，代碼提示不全面
開發過程中會發現creator.d.ts配合jsconfig.json提供的智能提示功能，真的太弱雞了，很多基礎語法都沒有提示；
而且當想查看函數引用，以及點擊跳轉函數都不起作用，內心還是很崩潰的。
我在網上搜索到一款VS Code插件針對Cocos Creator的JavaScript智能提示和點擊跳轉做了優化擴展，在VS Code側邊欄拓展插件中搜索“Cocos Creator JS”
結尾
自己動手寫，分解項目中的各個模塊需求，通過查文檔和搜索Cocos社區，解決碰到的問題，最終在微信上線了下面這款微信小遊戲《成語錦衣衛》，歡迎大家掃碼體驗，並作爲參考項目模版，開發出屬於自己的小遊戲
預告
下一節和朋友們說一說：腳本中節點如何初始化，通過編輯器掛載，還是cc.find()？