首页 > 技术文章 > CocosCreator TypeScript项目 (vscode 设置中文,默认调试环境设置,常用快捷键)

gamedaybyday 2019-12-19 17:18 原文

版本:2.2.1

 

一 下载

二 新建项目

三 运行Hello World

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

五  设置vs code 为中文

六 屏蔽.meta显示

七 常用快捷键 

 

一  下载

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

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

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

 

二 新建项目

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

 

点击文件-设置

 

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

 

三 运行Hello World

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

 

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

 

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

 

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

 

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

 文件-设置

 

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

 

五  设置vs code 为中文

1.vscode中按 ctrl+shift+p

 

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

 

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

 

六 屏蔽.meta显示

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

 

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

 

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

 

七 常用快捷键

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

 

 

 

开发中经常使用的:

ctrl+p 按名称搜索文件

shift+alt+F 格式化文档

ctrl+左键 (F12)  转到定义

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

ctrl+F 当前文件中查找

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

ctrl+w 关闭当前窗口

 

八 关闭自动更新

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

 

九 关闭查找的预览

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

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

 

推荐阅读