Laya: 在VSCode 中 调 layaair2-cmd命令行编译

简介:大致流程我就不说了,参考官方文档: https://ldc2.layabox.com/doc/?nav=zh-ts-3-0-9

   主要介绍参照文档容易出现的问题;

1.断点调试需要开启 sourceMap

有一些开发者,调试环境安装好之后,也不能断点。那是因为LayaAirIDE2.2开始,创建项目时,默认关闭了sourceMaps,如果需要使用断点,开启sourceMaps的相关设置即可。如果不会设置的,可以参照官方文档的断点调试开启说明。

sourceMaps开启文档 :

https://ldc2.layabox.com/doc/?nav=zh-ts-3-0-7

2.配置launch.json

  出现问题:chrome地址栏地址是空的,项目打不开

  解决办法:在runtimeArgs里,之前LayaAirIDE创建项目的时候,” —disable-web-security”这里,—前有个空格,在之前很多的版本都是不影响调试的,但是从某个版本开始,不允许带空格了,如果遇到无法成功通过F5调起浏览器调试环境时,可以检查一下是否在该处--前带有空格,如有可以去掉。

  

3.安装 layaair2-cmd失败

文档原文:layaair2-cmd安装的方式比较简单,由于我们前置准备已安装好了Node.js,所以直接在命令行终端模式下输入 npm i layaair2-cmd -g 回车即可,安装过程如下图所示。

由于 npm服务器在国外,在国内访问有时候网络不太好,所以解决办法下载国内的淘宝镜像

 

如下命令

npm i -g cnpm -registry=https://registry.npm.taobao.org

 

Laya: 在VSCode 中 调 layaair2-cmd命令行编译

下载成功后如上图显示;

所有npm的命令,以后可以换成cnpm,通过走国内的镜像下载

下面通过cnpm下载 layaair2-cmd

 Laya: 在VSCode 中 调 layaair2-cmd命令行编译

 

 下载后,一定要检查是否可以使用,使用如下命令

layaair2-cmd -v

 

Laya: 在VSCode 中 调 layaair2-cmd命令行编译

 

如果出现如上图所示的错误,采用下面的解决办法;

 Laya: 在VSCode 中 调 layaair2-cmd命令行编译

 Laya: 在VSCode 中 调 layaair2-cmd命令行编译

 Laya: 在VSCode 中 调 layaair2-cmd命令行编译

 再次输入就检查成功了

  接下来同样使用cnpm 下载 gulp

 Laya: 在VSCode 中 调 layaair2-cmd命令行编译

 这样就可以完全脱离layaair,使用命令行编译;

 

 4.您使用的是不受支持的命令行标记:--disable-web-security。稳定性和安全性会有所下降。

如果你像我一样有强迫症的话,一定要看看下面摘除肿瘤的办法,

这个办法不知道会不会引起别的什么问题,目前我也不清楚,一般不会。

Laya: 在VSCode 中 调 layaair2-cmd命令行编译

 这个是浏览器上的提示,为什么会一直提示这个,就是因为

 Laya: 在VSCode 中 调 layaair2-cmd命令行编译

 在 runtimeArgs 中 写了这个命令,这个命令是告诉关闭浏览器安全策略,解决跨域问题,看你们需求吧,心烦就注释掉,最好发布的时候写上;

 

上一篇:搭建Vue脚手架


下一篇:安装@vue/cli报错,npm ERR! gyp ERR! not ok