Ng-Matero 0.1 發布了!

  • 2019 年 10 月 3 日
  • 筆記

Ng-Matero 0.1 終於發布了!周末折騰了兩天,結果最後發版還是出了點意外,好在今天補了一版。

距離 Ng-Matero 發布第一版已經過去了一個多月,然後很頹廢地休息了半個月,最近項目的關注度好像明顯提升了,所以如果項目不維護感覺對不起大家。作為一個工程項目最好的方式還是通過腳手架安裝。按照計劃,首先要添加 schematics,也就是使用 angular cli 自動初始化項目。然後花了一周多的時間終於搞定了 schematics?。

接下來還會繼續擴展 schematics 以及寫一些 vscode 插件,整個項目還有很多需要完善的地方,不知道還有沒有那麼大的精力。年齡大了,已經明顯感覺到心有餘而力不足。

大家的支援是我前進的最大動力!

Github: https://github.com/ng-matero/ng-matero

預覽地址: https://ng-matero.github.io/ng-matero/

0.1 版本主要添加了對 schematics 的支援,可以更方便的使用項目腳手架。

切記在新建 angular 項目的時候一定要選擇 scss,因為沒有做兼容處理,選擇其它格式會有點問題,可以在 angular.json 中修改主樣式入口。

$ ng new PROJECT_NAME  $ cd PROJECT_NAME  $ ng add ng-matero

初始化選項

目前初始化選項只有四個,後續還會增加主題色、語言等選項。個人更傾向於在項目之前初始化布局,而不是項目啟動後再更改頁面布局的參數。

頁面布局分為側邊欄導航和頂部導航兩種,其它細節可以根據自己的需要自由選擇配置。

側邊欄導航

頂部導航

其它參數大家可以自己嘗試一下,這裡借鑒了 material 的參數項。

版本號

因為還有很多需要完善的地方,所以短期內不會發布正式版。這裡說明一下,一旦發布正式版,則版本號會與 ng 對齊,可能是 8.x,也可能是 9.x,這要看項目開發的進度了,大家不要對版本號感到吃驚。因為 ng-matero 是基於 material 組件庫,所以可以第一時間更新 ng 的最新功能?。

後續開發

目前來看,框架還是非常的不完善,作為一個後台管理框架(現在只能稱為後台模板吧),還需要添加許可權及登陸等模組。當然這並不是必須的,真正在項目中使用該框架還需要親自寫很多程式碼,但我相信這應該不是大問題。另外主題系統還不夠靈活,樣式編寫需要向 material 學習,增強訂製性,優先選擇 mixin 編寫。我會在之後的文章中介紹 material 的一些設計亮點。

除了框架本身的迭代之外,周邊開發也不可或缺,畢竟使用 ng 就是為了享受工程化的便利。目前 schematics 只完成了 ng add 功能,之後也會增加 ng generate 功能。雖然使用 angular cli 的 ng generate 功能已經非常方便,但在添加惰性模組時,還是需要手動設置很多地方,所以自定義 ng generate 還是很有必要。

除此之外的更新可能就是一些彩頭了,比如訂製一些趣味性組件以及服務。

交流學習

如果大家對該項目或者 ng 感興趣,歡迎添加以下 QQ 號交流學習?。