怎样搭建一个nodejs脚手架

　　介绍

这篇文章将为大家详细讲解有关怎样搭建一个nodejs脚手架,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

<强> 1前言

1.1 <强>

像我们熟悉的vue-cli, taro-cli等脚手架,只需要输入简单的命令,芋头init项目,即可快速帮我们生成一个初始项目。在日常开发中,有一个脚手架工具可以用来提高工作效率。

<强> 1.2为什么需要脚手架

<李>

减少重复性的工作,从零创建一个项目和文件。

<李>

根据交互动态生成项目结构和配置文件等。

<李>

多人协作更为方便,不需要把文件传来传去。

<强> 1.3怎样来搭建呢?

脚手架是怎么样进行构建的呢,我是借助了,taro-cli的思路。

<强> 1.4本文的目标读者

1想要学习更多和了解更多的人
2对技术充满热情

<强> 2搭建前准备

<强> 2.1第三方工具

指挥官。js,可以自动的解析命令和参数,用于处理用户输入的命令。
download-git-repo下载并提取git仓库,用于下载项目模板。
询问者。js,通用的命令行用户界面集合,用于和用户进行交互。
车把。js,模板引擎,将用户提交的信息动态填充到文件中,
奥拉下载过程久的话,可以用于显示下载中的动画效果。
粉笔,可以给终端的字体加上颜色。
log-symbols,可以在终端上显示出√或×等的图标

<强> 2.2上手

2.2.1新建一个文件夹,然后npm init初始化

npm不单单用来管理你的应用和网页的依赖,你还能用它来封装和分发新的壳命令。

,美元mkdir  lq-cli 　　美元,npm  init

这时在我们的,lq-cli项目中有包。json文件,然后需要创建一个JS文件包含我们的脚本就取索引名。js吧。包。json内容如下

{ 　　,“name":,“lq-shell" 　　,“version":,“1.0.0" 　　,“description":“脚手架搭建“, 　　,“main":,“index.js" 　　,“bin": { 　　“lq"才能:,“。/index.js" 　　}, 　　,“scripts": { 　　“test"才能:,“test" 　　}, 　　,“keywords":, 　　“才能cli" 　　,), 　　,“author":,“prune" 　　,“license":“ISC" 　　}

索引。js内容如下

# !/usr/bin/env 节点 　　 　　console.log(& # 39;你好,,cli ! & # 39;);

到这一步就可以简单运行一下这个命令

npm 链接 　　lq

npm链接命令可以将一个任意位置的npm包链接到全局执行环境,从而在任意位置使用命令行都可以直接运行该npm包。控制台会输出,你好,cli !

2.2.2捕获init之类的命令

前面的一个小节,可以跑一个命令行了,但是我们看到的taro-cli中还有一些命令,init初始化项目之类。这个时候,指挥官就需要利用起来了。运行下面的这个命令将会把最新版的指挥官加入包。json

npm  install ,,节省指挥官

引我入指挥官们将索引。js做如下修改

# !/usr/bin/env 节点 　　 　　console.log(& # 39;你好,,cli ! & # 39;) 　　 　　const  program =,要求(& # 39;指挥官# 39;) 　　程序 　　,.version(要求(& # 39;。/包# 39;).version,, & # 39; - v,,,版本,),, 　　,.command (& # 39; init  & lt; name> & # 39;) 　　,.action((名字),=祝辞,{ 　　,,console.log(名字) 　　,}) 　　, 　　program.parse (process.argv)

可以通过,lq - v来查看版本号通过,lq init名字的操作,行动里面会打印出名字

2.2.3对控制台的美工

我们看到芋头init命令里面会有一些颜色标识,就是因为引入了粉笔这个包,同样和指挥官一样

npm  install ,,节省粉笔

console.log (chalk.green (& # 39; init创建& # 39;))

这样会输出一样绿色的

2.2.4模板下载

download-git-repo支持从Github下载仓库,详细了解可以参考官方文档。

npm  install ,,节省download-git-repo

下载()第一个参数就是仓库地址,详细了解可以看官方文档

经过2.2.5命令行的交互

命令行交互功能可以在用户执行init命令后,向用户提出问题,接收用户的输入并作出相应的处理,用调查报。js来实现。

npm  install ,,节省询问者

怎样搭建一个nodejs脚手架