資訊專欄INFORMATION COLUMN
摘要：本文發表在微店前端團隊是什么注意目前只兼容平臺地址地址前端開發一站式解決方案。使用，您將只需關注業務邏輯，無需關注腳手架配置信息，即可快速完成前端開發。該命令會完成以下動作在本地安裝腳手架，以確保腳手架存在。
本文發表在 微店前端團隊 blog
bio 是什么注意：bio 目前只兼容 Mac 平臺
github 地址：bio-cli
npm 地址：bio-cli
前端開發一站式解決方案。
使用 bio，您將只需關注業務邏輯，無需關注腳手架配置信息，即可快速完成前端開發。
額外的，bio 提供了 eslint、styleint 檢測、mock 服務。
)
安裝安裝 Node.js（>= 8.9.1）
https://nodejs.org/en/download/
安裝 bio
npm install bio-cli -g快速使用
第 1 步：創建項目目錄
mkdir demo cd demo
第 2 步：初始化各類項目
bio init bio-scaffold-vue： 初始化 vue 項目
bio init bio-scaffold-react：初始化 react 項目
bio init bio-scaffold-pure： 初始化 非 vue / 非 react 項目
第 3 步：調試
bio run dev-daily命令集
bio init <腳手架在 npm 源上的名稱>
功能
初始化項目目錄。
該命令會完成以下動作：
在本地安裝腳手架，以確保腳手架存在。腳手架安裝在 bio 緩存目錄（/Users/用戶名/.bio/）
如果當前目錄是空目錄（或只有 README.md），該命令會為生成 demo 文件。
執行 npm install。
腳手架
bio 目前內置了三個腳手架（bio-scaffold-vue、bio-scaffold-react、bio-scaffold-pure）
bio 使用 npm 托管腳手架，默認托管在 npm 官方源，您可自行設置托管源，代碼地址
腳手架昵稱
bio 為內置的三個腳手架都取了昵稱：
bio-scaffold-vue --> vue bio-scaffold-react --> react bio-scaffold-pure --> pure
所以所有涉及腳手架名稱的命令，均可以用昵稱代替。
您也可以自行添加昵稱，代碼地址
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 init [-t, --type [value]]
功能
初始化 lint，會自動在 git commit 前掛載 lint 執行鉤子
選項 [-t, --type [value]] 介紹
默認初始化 es6 規則，如果希望在某個目錄初始化 es5 功能，可以進入該目錄，執行：
bio lint init -t es5
目前支持兩種類型：es5、es6
bio lint [--fix] [-w, --watch]
執行 lint 檢查，bio 會為你生成 lint 結果頁面進行查看
--fix：自動修正源碼中的代碼格式。
-w, --watch：啟動文件監聽，文件一旦有變化，會觸發 lint 檢查
bio help
help 信息
bio 的特點 鏈接目前可用的腳手架
開發 bio 腳手架
TODO完善單元測試
持續集成
English Docs
完善腳手架項目 demo
開發者Core：劉遠洋 @微店
Lint：丁俊杰 @微店
LICENSEMIT
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/93240.html
摘要：文章同步在微店前端工程化起步于一個內部產品，對外我們有一個開源版本。這么長時間過去了，我們在前端工程化方面有了哪些變化遇到了哪些問題用怎樣的方案解決這些問題等等，值得為大家再分享。最終產品以命令行的形式發布。 文章同步在：https://github.com/hoperyy/bl... 微店前端工程化起步于一個內部產品 vbuilder，對外我們有一個開源版本 bio-cli。 去年我...
摘要：最近入坑在此過程遇到一些一般教程沒有注意的問題，由此記錄一下。教程看的是技術胖的免費視頻技術胖教程。但對我這種半路出家的前端來說，打過幾次也沒成功，又不能不學，只能在網上找解決方法。 最近入坑Fultter,在此過程遇到一些一般教程沒有注意的問題，由此記錄一下。教程看的是技術胖的免費視頻 技術胖Fultter教程。一般情況下按照此教程是可以慢慢把開發環境搭好的，但其中遇到如下問題：1....
閱讀 2458·2021-09-27 13:36
閱讀 2163·2019-08-29 18:47
閱讀 2129·2019-08-29 15:21
閱讀 1394·2019-08-29 11:14
閱讀 1979·2019-08-28 18:29
閱讀 1623·2019-08-28 18:04
閱讀 568·2019-08-26 13:58
閱讀 3206·2019-08-26 12:12
