【分享】终端命令工具 自动生成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 : 将要创建组件名称
  • parentcom : 父组件名称(可选)
  • -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.缩减一些(微微一些)项目周期

你可能感兴趣的:(【分享】终端命令工具 自动生成vue组件文件以及修改router.js)