脚本宝典收集整理的这篇文章主要介绍了bio: 一站式前端开发工具,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
本文发表在 微店前端团队 blog
bio 是什么
注意:bio 目前只兼容 Mac 平台
npm 地址:bio-cli
前端开发一站式解决方案。
使用 bio,您将只需关注业务逻辑,无需关注脚手架配置信息,即可快速完成前端开发。
额外的,bio 提供了 eslint、styleint 检测、mock 服务。
)
安装
- 安装 Node.js(>= 8.9.1)
-
安装 bio
npm install bio-cli -g
快速使用
-
第 1 步:创建项目目录
mkdir demo
cd demo
-
第 2 步:初始化各类项目
-
第 3 步:调试
bio run dev-daily
命令集
-
bio init <脚手架在 npm 源上的名称>
-
bio run <脚手架支持的任务> [-n, --no-watch]
-
功能
启动脚手架任务。
bio 会启动脚手架,并透传任务名称到脚手架,以完成各类任务。
所以,任务名称是可变的,只要脚手架支持就可以。
我们默认提供的三个脚手架都提供了以下 6 种任务:
dev-daily
dev-PRe
dev-prod
build-daily
build-pre
build-prod
详细信息可查看:bio 内置脚手架任务名称。
举例:初始化完 bio-scaffold-vue
项目后,启动它的 dev-daily
任务,命令即为:
bio run dev-daily
-
选项 -n, --no-watch
介绍:
bio 默认会 启动 一个文件监听服务,同步当前目录文件到脚手架目录,保证脚手架目录与业务目录始终是父子关系,供脚手架编译。(资料:(为什么要保证父子关系?))
-n, --no-watch
会关闭同步当前目录到脚手架目录的文件监听服务。
举例:
bio run dev-daily -n
-
bio scaffold show <脚手架在 npm 源上的名称>
打开脚手架所在的本地目录。
-
bio scaffold create
创建脚手架,会提示你新的脚手架名称
-
bio mock [端口]
启动本地 mock 服务,默认端口是 7000
如果希望指定端口号,可以直接指定,如:bio mock 8000
-
-
bio lint [--fix] [-w, --watch]
执行 lint 检查,bio 会为你生成 lint 结果页面进行查看
-
--fix
:自动修正源码中的代码格式。
-
-w, --watch
:启动文件监听,文件一旦有变化,会触发 lint 检查
-
bio help
help 信息
bio 的特点
链接
TODO
- 完善单元测试
- 持续集成
- English Docs
- 完善脚手架项目 demo
开发者
LICENSE
MIT
以上是脚本宝典为你收集整理的bio: 一站式前端开发工具全部内容,希望文章能够帮你解决bio: 一站式前端开发工具所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。