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

发布时间:2019-05-25 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了【分享】终端命令工具 自动生成vue组件文件以及修改router.js脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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

脚本宝典总结

以上是脚本宝典为你收集整理的【分享】终端命令工具 自动生成vue组件文件以及修改router.js全部内容,希望文章能够帮你解决【分享】终端命令工具 自动生成vue组件文件以及修改router.js所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:Vue