还在为提效发愁吗？手把手带你完成 Node CLI 核心开发，深入使用 Node CLI 生态库，文末准备了 190+ 个Node工具包福利~

最近在学习 vue-cli 的源码，获益良多。为了让自己理解得更加深刻，我决定模仿它造一个轮子，争取尽可能多的实现原有的功能。 尽可能用最少的代码实现一个最简版本的脚手架。 在 1 的基础上添加一些辅助功能，例如选择包管理器、npm 源等等。 实现插件化，可以自由的进行扩展。在…

从前我总觉得脚手架是个很高大上的东西，好像得牛叉🐂一点的人才写的出来，可望而不可即。其实并不是因为困难使我们放弃，而是因为放弃才显得困难（这是个好词好句🙈）。只要你肯花个一天半天的时间✊，也能写出属于你自己的脚手架。 早前脚手架这个词是从 vue-cli 这里认识的，我们通…

自从自学了vue之后，总是被前端工程化的开发步骤惊叹，用Vue-cli从0搭建了一个Vue项目，一步一步配置,然后npm i, npm run dev，打开链接localhost:8080,一个网页就这么写好了，嘴里不自觉的吐出了两个字：'NB'。 除了学习基本的js，css语…

在自己开发cli前，可以先看看优秀的cli(vue-cli 、 create-react-app 、 dva-cli 等)是如何实现的。 如果对于简单的项目可以直接把下载好的项目拷贝到当前执行命令的目录下即可。

1）#!/usr/bin/env node -> 我要用系统中的这个目录/user/bin/env的node环境来执行此文件，且需要注意必须放在文件开头。 1）package.json中bin：内部命令对应的可执行文件的路径。很多包都有一个或多个可执行的文件希望被放到PATH中…

vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步配置，有效提升开发体验。尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，我们可以定制一个属于自己的…

创建项目目录后执行npm init按照提示完成初始化项目。 安装。 项目初始化完成后，创建bin文件和commands文件。bin文件为可执行命令入口目录，commands则负责编写一些命令交互。 1.program.parse(process.argv) 可以解析执行init…

之前公司有个大佬写了个类似 create-react-app 的脚手架，用来创建公司的项目。一直不知道里面实现的原理，借此机会一探 create-react-app 源码，了解下里面运行的机制。 大家不要一看到源码就害怕不敢去看，现在这么优秀项目都开源了，加上各种IDE支持很好…