学习脚手架第二节:使用原生 Node.js 开发脚手架

一、什么是脚手架以及脚手架原理

参考 学习脚手架第一节:从 vue-cli 探究脚手架原理

这里补充一下:

  • windows 系统可以用 git bash 执行 which vue 命令。
    git bash 模拟 unix 命令行终端,不仅可以进行 git 版本管理,也可以执行 shell 脚本命令

二、脚手架开发流程

流程概述

  1. 创建 npm 项目
  2. 创建脚手架入口文件,最上方添加 #!/usr/bin/env node。表示用 node.js 执行
  3. 配置 package.json,添加 bin 属性。bin 属性用于定义可执行文件的路径,是命令名到本地文件名的映射
  4. 编写脚手架代码
  5. 发布到 npm

实操

这里我创建的脚手架名称设置为 view-test-cli

具体步骤:

  1. 打开 git bash,进入终端
  2. 新建文件夹 view-test-cli,进入目录 cd view-test-cli
  3. 执行 npm init -y:初始化 package.json 文件
  4. 添加 bin/index.js 文件
#!/usr/bin/env node

console.log("hello view-test-cli")
  1. package.json 中加 bin 配置项
{
   
  "name": "view-cli",
  "version": "1.0.0",
  &#
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值