亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

教程:angular6 + ng-zorro鹿途后臺管理系統(一)

標簽:
AngularJS

从零开始用Angular6 + ng-zorro 完成一个完整的后台管理系统,系列文章前提是你已经具备一定的Angular开发经验,至少可以完成开发环境的搭建,话不多说我们开始吧!

webp

鹿途登陆页

版本说明

  • ng-zorro-antd  1.4.1+

  • angular 6+

  • node 10+

开发工具

  • Mac

  • Vscode

开始

创建项目

在创建项目之前,请确保 @angular/cli 已被成功安装

执行以下命令,@angular/cli 会在当前目录下新建一个名称为ng-deerway的文件夹,并自动安装好相应依赖。

ng new ng-deerway

初始化配置

进入项目文件夹,执行以下命令后将自动完成 ng-zorro-antd 的初始化配置,包括引入国际化文件,导入模块,引入样式文件等工作。

ng add ng-zorro-antd

开发调试

一键启动调试,运行成功后显示欢迎页面。

ng serve

webp

运行成功

我们通过脚手架和NG-ZORRO的配合已经完成了项目的基本的骨架,过程都大同小异,大家可以参考NG-ZORRO的快速上手,下一节我们将开始项目整体结构的规划。



作者:周希孟
链接:https://www.jianshu.com/p/0a18fa3c155c


點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消