BUI 安裝

開發(fā)環(huán)境

你可能只需要一個(gè)系統(tǒng)自帶的編輯器,就可以使用BUI開發(fā)應(yīng)用, 但通過以下軟件相互配合,對開發(fā)效率會(huì)有一定的幫助.

1. 編輯器 ( 推薦: vscode, Atom 或 Sublimetext3 );
2. bui-fast 點(diǎn)擊下載 (配合編輯器快速書寫插件, 支持 Vscode(搜索安裝bui-fast插件), Atom , Sublimetext , Webstorm , APICloudIDE ) 查看安裝說明;
3. buijs cli工程構(gòu)建工具, 用于快速構(gòu)建工程,模板,更新平臺(tái)等功能

下載開發(fā)包

用過npm, 我們推薦您學(xué)習(xí)使用buijs自動(dòng)化構(gòu)建, 自動(dòng)化構(gòu)建默認(rèn)是最新的bui版本. 并且 buijs -v1.6.0版本會(huì)自動(dòng)根據(jù)你的node版本,創(chuàng)建對應(yīng)的工程, 減少安裝依賴的錯(cuò)誤產(chǎn)生.

• 下載BUI單頁開發(fā)包

• 下載BUI多頁開發(fā)包

了解規(guī)范

• 目錄規(guī)范說明
• 切圖規(guī)范說明
• 樣式規(guī)范說明

部署運(yùn)行

解壓,進(jìn)入工程目錄, 通過這種運(yùn)行, app.json可以配置域名代理,解決移動(dòng)端調(diào)試的跨域問題. 生成的dist目錄為最終要打包的目錄, src目錄保持源文件的方式.

第1種, 通過npm

## 安裝依賴
$ npm install
## 運(yùn)行服務(wù)
$ npm run dev

第2種, cnpm安裝 (推薦)

## 安裝cnpm
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
## 安裝依賴
$ cnpm install
## 運(yùn)行服務(wù)
$ cnpm run dev

注意, 如果報(bào)錯(cuò), 推薦安裝cnpm, 使用 cnpm install 安裝依賴.
另一個(gè)報(bào)錯(cuò)的原因是, node-sass 版本跟你的 node 版本不一致, 建議下載node 8.x. 如果你下載的 node 是10.15.3 LTS. node-sass 的版本要在 4.9+ , 需要先npm remove node-sass 再安裝指定版本.

第3種, 把src 目錄放在 IIS 或者 phpstudy 之類的服務(wù)器, 運(yùn)行就能直接觀看效果, 單頁工程打開空白需要解決瀏覽器跨域問題, Chrome跨域調(diào)試.

支持熱更新

npm run dev

跑起項(xiàng)目后, 保存代碼就會(huì)自動(dòng)刷新瀏覽器內(nèi)容.

注意, 工程目錄上不能有中文路徑, 工程包里面也不能有中文命名.

編譯sass或less

需要先安裝 buijs, 1.6.x工程, 默認(rèn)已經(jīng)去掉對sass的支持, 需要自己選擇創(chuàng)建.

## 新增sass, 需要重新安裝依賴
buijs create -p sass
## 新增less, 無需重新安裝依賴
buijs create -p less