ng-alain使用


官方介紹

NG-ALAIN 是一個企業級中后台前端/設計解決方案腳手架,我們秉承 Ant Design 的設計價值觀,目標也非常簡單,希望在Angular上面開發企業后台更簡單、更快速。ng-alain技術棧基於 TypescriptAngularg2@delon 和 ng-zorro-antd

安裝

可以使用以下兩種方式:

注:使用CLI安裝,是一個干凈的腳手架;使用克隆代碼會包含所有示例。

1、CLI(推薦)

  請先通過 ng version 命令確認全局 Angular Cli 版本為最新版本號(或者更新項目的cli版本號)

 ng new my-project --style less

 cd my-project

 ng update @angular/cli @angular/core(cli為最新版本可忽略改步)

 ng add ng-alain

 npm start

  運行報錯:

修改 my-project/src/tsconfig.app.json文件,如下圖紅框所示:

重新執行:npm start,可成功運行,如下圖所示:

 

2、克隆代碼

git clone --depth=1 https://github.com/ng-alain/ng-alain.git my-project

cd my-project

npm install

npm start

啟動后,啟動完成后會打開瀏覽器,你看到下面的頁面就代表成功了。

輸入用戶名:admin,密碼:ng-alain.com,點擊登錄按鈕后,可進入如下頁面:

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM