版本:2.2.1

 

一 下载

二 新建项目

三 运行Hello World

四 设置默认调试浏览器和模拟器

五  设置vs code 为中文

六 屏蔽.meta显示

七 常用快捷键 

八 关闭自动更新

九 关闭自动预览查找

十 拖动文件import不更新 

 

一  下载

cocoscreator:https://www.cocos.com/products#CocosCreator

vscode:https://code.visualstudio.com/

Egret和Laya使用的都是集成IDE,Cocos是分开的,从Egret转过来,UI编辑和写代码切换起来有点累。

 

二 新建项目

新建TypeScript项目,并指定vscode为默认编辑器

如何设置CocoaPods 的中国镜像_首选项

 

点击文件-设置

如何设置CocoaPods 的中国镜像_首选项_02

 

 选择数据编辑-外部脚本编辑器,浏览到vscode安装目录下,选择Code.exe。

如何设置CocoaPods 的中国镜像_搜索_03

 

三 运行Hello World

双击cocos 资源管理器Script文件夹下的HelloWorld,则会自动打开vscode

如何设置CocoaPods 的中国镜像_自动更新_04

 

修改代码,设置文本内容为Hello World。然后返回cocos,此时cocos会自动编译。

如何设置CocoaPods 的中国镜像_自动更新_05

 

cocos左下角的图标亮起表示编译中,等图标暗了就算编译完成。

如何设置CocoaPods 的中国镜像_自动更新_06

 

cocos中上处,选择"浏览器",然后点击三角播放按钮,则可运行游戏

如何设置CocoaPods 的中国镜像_首选项_07

 

四 设置默认调试浏览器和模拟器

 文件-设置

如何设置CocoaPods 的中国镜像_自动更新_08

 

设置预览浏览器为chrome,模拟器为ip6

如何设置CocoaPods 的中国镜像_首选项_09

 

五  设置vs code 为中文

1.vscode中按 ctrl+shift+p

如何设置CocoaPods 的中国镜像_首选项_10

 

2. 输入configure display language,选择安装其他语言,选择中文

如何设置CocoaPods 的中国镜像_搜索_11

 

3. 安装完,ctrl+shift+p,输入configure display language,选择zh-cn。vscode重启后,变成中文

如何设置CocoaPods 的中国镜像_如何设置CocoaPods 的中国镜像_12

 

六 屏蔽.meta显示

项目中有很多.meta文件,也会在vscode中显示

如何设置CocoaPods 的中国镜像_首选项_13

 

vscode 文件-首选项-设置,搜索files.exclude

如何设置CocoaPods 的中国镜像_搜索_14

 

点击添加模式,输入 **/*.meta,则会在vscode屏蔽显示.meta文件

如何设置CocoaPods 的中国镜像_如何设置CocoaPods 的中国镜像_15

 

还可以屏蔽文件夹

例如屏蔽项目下build,可以写**/build。屏蔽后项目很清爽。

如何设置CocoaPods 的中国镜像_搜索_16

 

七 常用快捷键

按F1,选择帮助:键盘快捷方式参考,能看到所有快捷键

如何设置CocoaPods 的中国镜像_首选项_17

 

 

如何设置CocoaPods 的中国镜像_自动更新_18

 

开发中经常使用的:

ctrl+p 按名称搜索文件

shift+alt+F 格式化文档

ctrl+左键 (F12)  转到定义

alt+ <-(左箭头)  跳转到上个光标处

ctrl+F 当前文件中查找

ctrl+d  按1次选中当前变量,按2次选中的下一个该变量

ctrl+w 关闭当前窗口

 

八 关闭自动更新

文件-首选项-设置,搜索"更新",把一些自动更新的勾取消掉

如何设置CocoaPods 的中国镜像_搜索_19

 

九 关闭查找的预览

当进行搜索的时候,vscode会显示个分屏预览,体验十分不好。

选择 文件-首选项-设置,搜索useReplace,把"控制在选择或替换...."的勾取消掉

如何设置CocoaPods 的中国镜像_搜索_20

 

十 拖动文件不更新import

必须打开这个文件,然后再拖动,这样才会更新import!