Angular4 搭建AdminLTE 模板

1. 从Github 搜索 AdminLTE.

2. 使用npm 指令 npm install admin-lte --save 进行安装。

3. 从Document 中找到 start page.

4. 根据源代码，分别安装、引入相应的CSS， JS 在 angular-cli.json 中。

5. 如果左侧的缩放按钮不工作， 则把 "push-menu" 替换成 "offcanvas"（版本原因）。

6. 把image 从Admin LTE 中复制到正常目录 assets 下。

ng serve--open 运行结果：


最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Angular CLI 终极指南
    Angular CLI 是什么？ Angular CLI 是一个命令行接口(Command Line Interf...
    semlinker阅读 9,668评论 0赞 39
  • ubuntu前后端开发环境配置（全家桶）
    开发环境配置篇（装机全家桶） 安装软件 1.版本管理工具安装Git安装Svn 2.前端开发环境安装配置angula...
    白菜嗷嗷阅读 5,360评论 0赞 2
  • ng help
    中文翻译 ng help ng build 构建您的应用程序并将其放入输出路径（dist /默认情况下）。 别名：...
    4ea0af17fd67阅读 6,167评论 0赞 0
  • Angular 从0到1 （一）
    史上最简单Angular2教程，大叔都学会了 作者：王芃 wpcfan@gmail.com 第一节：初识Angul...
    接灰的电子产品阅读 58,971评论 76赞 248
  • 把日子过成诗
    清风拂，碎花影 偶有闲情一杯饮 茶色浓，淡妆容 一朝一夕一生随 云天外，心门内 无人惊扰无人晓 飞鸟往，雪遗痕 台...
    圆善阅读 3,401评论 25赞 26