脚手架工具

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

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

常用脚手架工具

  • 服务自身项目的一类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 模块

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

展开阅读全文
©️2020 CSDN 皮肤主题: 游动-白 设计师: 上身试试 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值