摘要：本文發(fā)表在微店前端團(tuán)隊(duì)是什么注意目前只兼容平臺地址地址前端開發(fā)一站式解決方案。使用，您將只需關(guān)注業(yè)務(wù)邏輯，無需關(guān)注腳手架配置信息，即可快速完成前端開發(fā)。該命令會完成以下動作在本地安裝腳手架，以確保腳手架存在。

本文發(fā)表在 微店前端團(tuán)隊(duì) blog

注意：bio 目前只兼容 Mac 平臺

github 地址：bio-cli

npm 地址：bio-cli

前端開發(fā)一站式解決方案。

使用 bio，您將只需關(guān)注業(yè)務(wù)邏輯，無需關(guān)注腳手架配置信息，即可快速完成前端開發(fā)。

額外的，bio 提供了 eslint、styleint 檢測、mock 服務(wù)。

)

安裝 Node.js（>= 8.9.1）

https://nodejs.org/en/download/

安裝 bio

npm install bio-cli -g

第 1 步：創(chuàng)建項(xiàng)目目錄

mkdir demo

cd demo

第 2 步：初始化各類項(xiàng)目

bio init bio-scaffold-vue： 初始化 vue 項(xiàng)目

bio init bio-scaffold-react：初始化 react 項(xiàng)目

bio init bio-scaffold-pure： 初始化 非 vue / 非 react 項(xiàng)目

第 3 步：調(diào)試

bio run dev-daily

bio init <腳手架在 npm 源上的名稱>

功能

初始化項(xiàng)目目錄。

該命令會完成以下動作：

在本地安裝腳手架，以確保腳手架存在。腳手架安裝在 bio 緩存目錄（/Users/用戶名/.bio/）

如果當(dāng)前目錄是空目錄（或只有 README.md），該命令會為生成 demo 文件。

執(zhí)行 npm install。

腳手架

bio 目前內(nèi)置了三個(gè)腳手架（bio-scaffold-vue、bio-scaffold-react、bio-scaffold-pure）

bio 使用 npm 托管腳手架，默認(rèn)托管在 npm 官方源，您可自行設(shè)置托管源，代碼地址

腳手架昵稱

bio 為內(nèi)置的三個(gè)腳手架都取了昵稱：

bio-scaffold-vue --> vue
bio-scaffold-react --> react
bio-scaffold-pure --> pure

所以所有涉及腳手架名稱的命令，均可以用昵稱代替。

您也可以自行添加昵稱，代碼地址

bio run <腳手架支持的任務(wù)> [-n, --no-watch]

功能

啟動腳手架任務(wù)。

bio 會啟動腳手架，并透傳任務(wù)名稱到腳手架，以完成各類任務(wù)。

所以，任務(wù)名稱是可變的，只要腳手架支持就可以。

我們默認(rèn)提供的三個(gè)腳手架都提供了以下 6 種任務(wù)：

dev-daily
dev-pre
dev-prod
build-daily
build-pre
build-prod

詳細(xì)信息可查看：bio 內(nèi)置腳手架任務(wù)名稱。

舉例：初始化完 bio-scaffold-vue 項(xiàng)目后，啟動它的 dev-daily 任務(wù)，命令即為：

bio run dev-daily

選項(xiàng) -n, --no-watch 介紹：

bio 默認(rèn)會 啟動 一個(gè)文件監(jiān)聽服務(wù)，同步當(dāng)前目錄文件到腳手架目錄，保證腳手架目錄與業(yè)務(wù)目錄始終是父子關(guān)系，供腳手架編譯。（資料：（為什么要保證父子關(guān)系?））

-n, --no-watch 會關(guān)閉同步當(dāng)前目錄到腳手架目錄的文件監(jiān)聽服務(wù)。

舉例：

bio run dev-daily -n

bio scaffold show <腳手架在 npm 源上的名稱>

打開腳手架所在的本地目錄。

bio scaffold create

創(chuàng)建腳手架，會提示你新的腳手架名稱

bio mock [端口]

啟動本地 mock 服務(wù)，默認(rèn)端口是 7000

如果希望指定端口號，可以直接指定，如：bio mock 8000

bio lint init [-t, --type [value]]

功能

初始化 lint，會自動在 git commit 前掛載 lint 執(zhí)行鉤子

選項(xiàng) [-t, --type [value]] 介紹

默認(rèn)初始化 es6 規(guī)則，如果希望在某個(gè)目錄初始化 es5 功能，可以進(jìn)入該目錄，執(zhí)行：

bio lint init -t es5

目前支持兩種類型：es5、es6

bio lint [--fix] [-w, --watch]

執(zhí)行 lint 檢查，bio 會為你生成 lint 結(jié)果頁面進(jìn)行查看

--fix：自動修正源碼中的代碼格式。

-w, --watch：啟動文件監(jiān)聽，文件一旦有變化，會觸發(fā) lint 檢查

bio help

help 信息

目前可用的腳手架

開發(fā) bio 腳手架

完善單元測試

持續(xù)集成

English Docs

完善腳手架項(xiàng)目 demo

Core：劉遠(yuǎn)洋 @微店

Lint：丁俊杰 @微店

MIT