前端構建工具飛冰體驗
飛冰
https://alibaba.github.io/ice/
前陣子偶然知道了飛冰這個東西發現這並不是剛出的，已經迭代到2.15(我使用的2.14)既然都已經迭代了一個大版本了,又是阿里出品想來肯定很棒定位
飛冰的slogan叫做"讓前端開發簡單而友好"
就沖這個也讓我這個前端菜雞垂涎不已概念
項目
就是項目的意思
模版
項目模版 可以從模版直接創建項目 類似其他框架的腳手架 只不是飛冰是可視化工具
區塊
組成模版頁面的部分 類似ui庫的組件
物料源
就是 物料的源頭 ,物料指的是模版、區塊等可以用來搭建的單位
功能
搭建項目
選擇模版新建項目,自動安裝依賴
調試/構建按鈕新建頁面-> 從物料源選擇區塊構建自定義區塊
在區塊界面可以自定義區塊
這時會調起一個可視化拖拽構建工具
構建的單位是組件問題
在短短几天使用中遇到了很多問題
從ice design pro創建項目 添加依賴時報錯
ice design pro 是官方主打的一款模版
然而自動添加依賴時報錯解決
使用npm cache verify 後重新安裝成功
帶koa的項目啟動調試僅執行client
創建項目時可以自動創建koa後端
我嘗試了一下 在調試的時候後端沒有啟動但命令中包含有server啟動經過手動啟動發現沒有問題解決
已反饋
在區塊中找到一個"樹形卡片列表"但並不是樹形
只是一個普通列表
解決
已反饋 名字有歧義
還沒有樹形區塊但有樹形組件新建頁面或自定義區塊時會自動開啟調試 並且不關
這樣很容易與現有調試服務混淆
解決
已反饋
缺點
並不能真的實現可視化構建
一鍵可以生成的demo,但把demo轉化為產品還是需要code
所以這一點核心需求是沒有做到的自定義區塊用到的組件都是內置的 無法添加
且不說生產用的組件一般都是修改過的,即便是流行ui組件也沒有辦法使用
只能使用內置的48個組件沒有添加組件入口
疑慮
ice官方ui為啥不直接用ant
ice有自己的一整套ui組件,跟ant有點像
既然都是阿里團隊 為啥不直接用ant(可能部門跨的有點大?)建議
現在已有 模塊 區塊 ,增加一個 組件
因為只有組件才是組成頁面最基本的元素感受
最初的感覺是:
有了這個工具 產品或者設計可以根據客戶需求直接快速生成項目,然後交給前端與後端對介面產生實際數據。可能離現實還比較遙遠吧。對於前端來講,目前用這個工具還不能"讓前端開發簡單而友好"推薦閱讀：
