本地创建cli模版

本文介绍如何使用Nuxt CLI创建项目模板,包括初始化、代码生成及全局暴露模板的步骤,适用于快速搭建Nuxt基础项目。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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即可生成模版文件

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值