【分享】终端命令工具 自动生成vue组件文件以及修改router.js

2024年2月17日 200次阅读 来源: 板蓝根

banlg 这个玩意– angular-cli 他是有这个功能能的–所以可能，大概，也许大家看着会很熟悉，似曾相识，

根据命令行创建（目前命令就一个，后续可以加..加..加..）

  • -1组件文件夹
  • -2组件文件
  • -3按需引入组件
  • -4修改router配置（美其名曰：解放双手）

vue-cli 目前没有—– 大家有用得到的 github 走一下star ==不胜感激

作用：

  • 1.用来规范团队的 — 组件，路由，路由路径，命名
  • 2.节省一些（微微一些）人力，不用去创建文件和文件夹一节修改router配置文件
  • 3.我也不知道还有啥用—-

链接放一下：https://www.npmjs.com/package…

以下是文档————————–我是分割线——————————————————-

banlg

banlg  com  ?parentcom ?-t
根据命令
 1.更新router配置文件
 2.创建对应组件文件结构
 3.可自定义vue和css 模板

Installation

$ npm install banlg -g
$ yarn global add banlg

API

banlg com ?parentcom ?-t

  • com <String>: 将要创建组件名称
  • parentcom <String>: 父组件名称(可选)
  • -t: 是否插入当前父组件文件夹(可选)
  • 命名规则：驼峰 => 生成的路由path 用’-‘连接
  • 项目根目录，（src同级）下可自定义vue.bl、css.bl模板，模板内会传入{{componentName}}、大驼峰{{ComponentName}}, 用{{}} 接收
  • tips: ? 代表可选参数

能做什么

  • -1根据命令行创建 组件目录并初始化文件内容
  • -2按需引入组件
  • -3修改router配置（美其名曰：解放双手
  • -4自动区别path命名：routes[0].path=’/’ children[0].path=”

利于什么

  • 1.用来规范团队的 — 组件.路由.路由路径.命名(防止某些人起名字【胡里花哨】的)
  • 2.节省一些（微微一些）人力，不用去创建文件和文件夹一节修改router配置文件
  • 3.缩减一些（微微一些）项目周期
    原文作者：板蓝根
    原文地址: https://segmentfault.com/a/1190000017385752
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞