1、脚手架的简单雏形；2、脚手架工具体系；3、手写自己的脚手架；4、yeoman 的使用；5、plop 的使用

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

之前实过现从零开始 Node实现前端自动化部署，并实现对Docker的支持升级 前端docker自动化部署。但仍存在较多不足。 鉴于上一版本（终端执行版本）的痛点，提供一个实时交互、直观的用户界面尤为重要。 考虑到SSH连接、文件压缩、上传等操作，需要Node提供支持，而交互场…

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

用过Vue的同学基本都接触过vue脚手架：vue-cli，通过上面那行命令，回答几个问题，我们就能轻松创建出一个Vue项目。因为团队工程化需要，我最近开始学习cli，打算用作团队脚手架或收拢个人常用命令（如按照格式提交代码）。 vue-cli的原理网上已经有很多不错的分析，而本…

相信每个团队都有一套代码规范，但遵循规范全靠自觉，等codereveiw再指出就浪费团队精力了，最好的就是在开发时就能有提醒，这就需要eslint出场了。虽然eslint已经提供了丰富的内置规则和插件生态，但有时还是需要开发自己团队的规则集。让我们来开发一个微信小程序相关的。 …

项目部署作为网页开发中必不可少的一环，每一名合格的前端开发都应当有所了解，而不是不闻不问。不可否认的是，初次经历整个部署流程会遇到不少曲折，但这些难得的经验对于我们理解从在浏览器输入网址，出现网页内容，再到与之交互的整个流程甚至细节都有着不可或缺甚至无法替代的作用。在这个弱肉强…

众所周知，我们在开发的过程中，写代码其实只占很小的一部分，更多的时间其实是在设计代码、构建和部署。 代码的设计非常考验代码功底，本人才疏学浅，就不讲解这个部分了。 构建和部署通常来讲没那么复杂，但是却十分繁琐，尤其是手动的方式进行构建部署。重复操作多，流程长，非常消耗耐心和精力…

命令行界面交互开源工具 CloudBase CLI 自发布以来，受到了大量开发者的欢迎。近期，我们发布了新鲜打磨的 CloudBase CLI 1.0 Beta，引入了许多利于开发者的新特性，下面就来介绍一下 CloudBase CLI 的全新版本。 CloudBase CLI…