本文发表于微点前端团队博客什么是bio注:bio目前只兼容Mac平台github地址:bio-clinpm地址:bio-clifront-终端开发一站式解决方案。使用bio,你可以只关注业务逻辑,不用关注脚手架配置信息,快速完成前端开发。此外,bio还提供了eslint、styleint检测和mock服务。)InstallInstallNode.js(>=8.9.1)https://nodejs.org/en/download/Installbio-cli-g快速启动第一步:创建项目目录mkdirdemocddemo第二步:初始化各种项目bioinitbio-scaffold-vue:初始化vue项目bioinitbio-scaffold-react:初始化react项目bioinitbio-scaffold-pure:初始化non-vue/non-react项目Step3:debugbiorundev-dailycommandsetbioinit函数初始化项目目录。此命令将完成以下操作:在本地安装脚手架以确保脚手架存在。脚手架安装在bio缓存目录(/Users/用户名/.bio/)中。如果当前目录为空(或只有README.md),此命令将生成一个演示文件。执行npm安装。脚手架Bio目前内置了三个脚手架(bio-scaffold-vue、bio-scaffold-react、bio-scaffold-pure)bio使用npm来托管脚手架,默认托管在npm官方源上。可以自己设置托管源,代码地址scaffolding昵称bio是内置三个脚手架的昵称:bio-scaffold-vue-->vuebio-scaffold-react-->reactbio-scaffold-pure-->pure所以所有涉及脚手架名称的命令都可以使用昵称替换。也可以添加自己的昵称、代码地址biorun<脚手架支持的任务>[-n,--no-watch]函数启动脚手架任务。bio会启动脚手架,将任务名称透传给脚手架,完成各种任务。因此,任务名称是可变的,只要脚手架支持即可。我们提供的三个脚手架默认提供了以下6个任务:dev-dailydev-predev-prodbuild-dailybuild-prebuild-prod详情可以查看:Bio内置脚手架任务名称。示例:初始化bio-scaffold-vue项目后,启动其dev-daily任务,命令为:biorundev-dailyoption-n,--no-watch简介:bio默认会启动一个文件监控服务,并且synchronize将当前目录文件传输到脚手架目录,保证脚手架目录和业务目录始终是父子关系,进行脚手架编译。(资料:(为什么要保证父子关系?))-n,--no-watch会关闭同步当前目录到脚手架目录的文件监控服务。示例:biorundev-daily-nbioscaffoldshow打开脚手架所在的本地目录。bioscaffoldcreate创建一个脚手架,然后会提示你输入新的脚手架名称biomock[port]来启动本地模拟服务。默认端口为7000,如果要指定端口号,可以直接指定,如:biomock8000biolintinit[-t,--type[value]]函数初始化lint,会自动挂载lint在git提交之前。钩子选项[-t,--type[value]]引入了默认的初始化es6规则。如果想初始化某个目录下的es5函数,可以进入到该目录下,执行:biolintinit-tes5目前支持两种类型:es5、es6biolint[--fix][-w,--watch]执行lint检查,bio会生成一个lint结果页面供你查看--fix:自动修正源代码中的代码格式。-w,--watch:开始文件监控,一旦文件发生变化,就会触发lint查看biohelphelp信息bio特性链接当前可用脚手架开发bio脚手架TODO完美单元测试持续集成英文文档完美脚手架项目demo开发者核心:刘元阳@微店Lint:丁俊杰@微店LICENSEMIT