本地创建cli模版

nuxt基础模版不带axios封装和基础插件引用,js-cookie等,把自己常用的项目结构作为模版,使用代码生成。

步骤

1.创建cli文件夹名称,即每次执行的命令nuxtCli

2.使用yarn init初始化项目

3.修改package.json,添加bin,指向cli.js

4.创建cli。js

#!/usr/bin/env node

// NODE CLI 应用入口文件必须要有这样的文件名

const path = require('path')

const inquirer = require('inquirer')

const fs = require('fs')

var stat=fs.stat;

inquirer.prompt([

    {

        type: 'input',

        name: 'name',

        message: 'Project name?'

    }

]).then(anwsers => {

  //  console.log(anwsers)  // { name: 'myName' }

  // 根据用户回答的结果生成文件

 

   //模板目录

   const temDir = path.join(__dirname,'nuxtCli')

   //目标目录

   const destDir = process.cwd()

   exists(temDir,destDir,copy)

})

var copy=function(src,dst){

    //读取目录

    fs.readdir(src,function(err,paths){

        console.log(paths)

        if(err){

            throw err;

        }

        paths.forEach(function(path){

            var _src=src+'/'+path;

            var _dst=dst+'/'+path;

            var readable;

            var writable;

            stat(_src,function(err,st){

                if(err){

                    throw err;

                }

                

                if(st.isFile()){

                    readable=fs.createReadStream(_src);//创建读取流

                    writable=fs.createWriteStream(_dst);//创建写入流

                    readable.pipe(writable);

                }else if(st.isDirectory()){

                    exists(_src,_dst,copy);

                }

            });

        });

    });

}

 

var exists=function(src,dst,callback){

    //测试某个路径下文件是否存在

    fs.exists(dst,function(exists){

        if(exists){//不存在

            callback(src,dst);

        }else{//存在

            fs.mkdir(dst,function(){//创建目录

                callback(src,dst)

            })

        }

    })

}

把需要当做模版的文件放在nuxtCli文件夹下。

5.使用yarn link把模版暴露全局

6.进入任意文件夹使用nuxtCli即可生成模版文件

 

你可能感兴趣的:(web前端工程化,自定义cli实现)