1、打开laya或者visual studio code 的终端(如果界面上没有的话 编译一下就会出现)
2、在终端处输入命令 npm -i layaair2-cmd -g 回车
3、输入 layaair2-cmd -v 检测是否安装成功
4、安装gulp 输入npm i gulp -g
5、安装本地gulp环境 npm i gulp
6、查看项目目录是否出现 node_modules,出现则成功
7、编写gulpfile.js,放在最外层,与.laya同级
gulpfile.js代码如下
const {watch ,task } = require("gulp");
const {exec} = require("child_process");
function compile(cb) {
//执行编译命令 layaair2-cmd compile
let process = exec("layaair2-cmd compile");
process.stdout.on("data",(data)=>{
console.log(data);
});
process.stderr.on("data",(data)=>{
console.log(data);
});
process.on("exit",(code,signal)=>{
console.log("success");
console.log(code,signal);
cb();
})
}
//创建一个名称为compile的gulp任务
task("compile", function(){
/**
* @ 监听src目录下的所有子目录的所有文件,
* @ 延迟1000毫秒,才执行下次监听,避免手欠的同学,因连续保存触发多次连续编译
* @ 监听生效后执行的函数
*/
watch('src/**/*.*', {delay:1000}, compile);
});
8、终端输入gulp compile,出现如下即配置成功
9、修改代码后Ctrl+s保存出现以下情况即可