脚本宝典收集整理的这篇文章主要介绍了【分享】终端命令工具 自动生成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
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,请注明来意。