why 在我平时的授课工作里面，需要频繁的创建 koa 项目来教学演示，demo 项目之间还需要添加不同的中间件 比如： 项目 a 需要 koa-router、koa-static ， 项目 b 需要

首先 PC 端先要跟服务器端建立一个连接，连接建立之后，服务器为连接的实例创建一个唯一的 id，并返回到客户端。同时维护一个 Map，以连接 id 为 key 值保存连接实例 为了方便，这里使用了一个专门处理 WebSocket 的 node 模块 ws，前面提到过，WebSo…

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

关注公众号玩相机的程序员，第一时间阅读最新文章。 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供了终端命令行工具、零配置脚手架、插件体系、图形化管理界面等。本文暂且只分析项目初始化部分，也就是终端命令行工具的实现。 0. 用法 目前 Vue CLI 同时…

想做个测试或者某个东西的demo，需要新建一个项目。如果从 0 开始，要配置一大堆东西，耗时长；如果直接用现在流行的一些脚手架，如vue-cli等，黑箱操作，你需要阅读文档，也很难全局看清里面到底有哪些内容... 在某个项目里，新建一个组件，其实有些固定的文件都要建，如xxx.…

1. 创建工程 2. 创建 bin 目录 package.json 添加 bin 字段，将自定义的命令软连到全局环境，同时执行 npm link 创建链接。 在根目录下创建 bin 文件夹，新建 index.js 文件，行首增加一行#!/usr/bin/env node指定当前…

inquirer 一组常用的交互式命令行用户界面。

如今基于 node.js 的 cli 工具层出不穷，尤其以前端脚手架工具更迭最为频繁，纯构建工具有 grunt、gulp、webpack、parcel 和 rullup 等，各前端框架也有各自的 cli 工具 create-react-app、vue-cli 和 angular…