微信小程序编辑器，支持wxss,支持wxml

写小程序的时候，企鹅把结构表现层(html)的后缀名定义为wxml，把样式层定义为wxss

然后写起代码来就是这样子。。

说好的标红，高亮，自动提示，自动缩进呢？这怎么写，，

是的，目前还没有支持wxml,wxss的编辑器，，

那就先写html,css后缀吧，，最终gulp生成wxss,wxml即可，。。

代码：

 gulp.watch([
        "src/**/*"
    ], function (event) {

var filePath = event.path.replace(baseDir + path.sep, "");
    var filename = path.basename(event.path);
    var destpath = filePath.replace(/^src/,config.ENV).replace(path.sep+filename,"");
    if(fileType==".html"){
        destname = filename.replace(/\.html$/,".wxml");
    }else if(fileType==".css"){
        destname = filename.replace(/\.css$/,".wxss");
    }else{
        destname = filename;
    }

});

初次的时候也需要批量转换，使用rename即可。

gulp.task("build", function (next) {
    gulp.src([
        "src/**/*"
    ]).pipe(rename(function(path){
        // path.extname = ".txt"  //修改后缀名
        if(path.extname==".css"){
            path.extname = ".wxss";
        }else if(path.extname==".html"){
            path.extname = ".wxml";
        }
    })).pipe(gulp.dest(config.ENV)).on('finish', next);
});

相信大家都会了吧，是不是很简单的样子。