脚手架工具

脚手架的本质作用
    创建项目基础结构,提供项目规范和约定

  • 相同的组织结构
  • 相同的开发范式
  • 相同的模块依赖
  • 相同的工具配置
  • 相同的代码基础

常用脚手架工具

  • 服务自身项目的一类create-react-app、vue-cli、angular-cli
  • 通用性脚手架工具: yeoman
  • 创建特定类型的脚手架:plop

脚手架工作原理

  • 初始化package.json文件

  • 在文件中添加 “bin”字段

    {
      "name": "sample",
      "version": "1.0.0",
      "main": "index.js",
      "bin":"cli.js",   //脚手架入口文件
      "license": "MIT"
    }
    
    
  • cli.js

    • 文件头必须写上 \#!/usr/bin/env node
    • yarn link 后 使用脚手架 报错 yarn global bin看下全局安装目录

脚手架的工作过程

  • 通过命令行交互询问用户问题

  • inquirer 模块

  • 根据用户回答的结果生成文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值