搭建前端脚手架

实际构建前端项目时,一种是从零搭建,自行一步步建立目录结构,下载各种依赖,配置webpack等,比较繁琐。另一种是直接依赖对应的脚手架。比如vue-cli。它们最核心的功能都是能够快速搭建一个完整的项目的结构,开发者只需要在生成的项目结构的基础上进行开发即可,且不用过多地额外配置,非常简单高效。
其本质也是从远程仓库把不同的模版拉取到本地。
首先建立不同的样板项目,然后脚手架根据用户的指令引用样板项目生成实际项目。样板项目可以内置在脚手架当中,也可以部署在远程仓库。
为了简化且快速构建自己不同项目的初始化及配置。学习构建自己的前端脚手架。
参考:
学习Node命令行
构建前端脚手架
教你从零开始搭建一款前端脚手架工具

准备工作

  1. 安装 nodejs 配置环境; 脚手架的基础及运行环境。
  2. 构建项目及安装依赖
    1. mkdir my-cli && cd my-cli
    2. npm init -y
    3. npm install commander inquirer chalk –-save-dev
  • commander:它提供了用户命令行输入和参数解析的强大功能,可以帮助我们简化命令行开发。
  • co:用更舒服的方式写异步代码。
  • co-prompt:传统的命令行只能单行一次性地输入所有参数和选项,使用这个工具可以自动提供提示信息,并且分步接收用户的输入,体验类似npm init时的一步一步输入参数的过程。
  • chalk:命令行颜色插件