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

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

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

• -1组件文件夹
• -2组件文件
• -3按需引入组件
• -4修改router配置（美其名曰：解放双手） vue-cli 目前没有----- 大家有用得到的 github 走一下star ==不胜感激

作用：

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

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

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

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.缩减一些（微微一些）项目周期