layaBox配置vscode开发环境

本文介绍了如何在VSCode中配置LayaBox的开发环境,包括安装LayaBox、Node.js、VSCode插件,以及设置编译、调试和快捷键,解决了F5运行出现空页面的问题。
摘要由CSDN通过智能技术生成

比较了一下creator3D和layabox,还是选择了layabox。习惯了vscode调试,肯定要先配置一下环境了。

layabox有个不合理的地方就是,代码里边加了组件,回到ide不会自动刷新,还要重新编译打开一下,好烦啊。所以vscode编译调试这个东西是非常有必要的。

参考layabox官方文档配置的环境https://ldc2.layabox.com/doc/?nav=zh-as-3-0-9,但是感觉写的有点太细了。我自己做个简单的笔记。

1、下载layabox,我下载的是目前最新的2.6.1了。

2、nodejs,nodejs必须要10.x的,之前也装了nodejs版本控制工具nvm,直接新装一个10.x的就好了。

3、vscode,chrome肯定是都会有的东西了。vscode安装插件debugger for Chrome,直接插件商店搜索安装就好了,我之前用creator调试的时候有装过。

4、在layaair里边关联代码编辑器,然后新建一个项目,2.6.1是会自动创建launch.json的,低版本要自己创建。

5、安装layaair命令行工具。layaair2-cmd和gulp。(这个工具可以不打开ide就能够编译运行代码,我觉得这个针对layabox不会自动刷新ide是最好的工具了。我可以改完代码直接编译运行,不需要去看那个憨憨的ide)。

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值