前端老生

基于Angular7.0快速搭建开发环境

开发环境的搭建非常简单,使用 Angular CLI 几乎可以完成所有工作,但需要使用自己定制的代码组织结构。默认您已安装 Node.js version 8.x or 10.x。

快速安装

npm install -g @angular/cli

创建新项目

ng new moom-learn01 --style=scss

启动项目

ng serve --open

快速生成 core module && base component、service

ng g module core

ng g c core/header

ng g c core/footer

ng g c core/spinner

ng g c core/layout/base-layout --inlineStyle=true | --inlineTemplate=true

ng g c core/layout/login-layout --inlineTemplate=true

ng g service core/service/logger

ng g service core/service/spinner

 

查看代码[https://github.com/eclimoom/angular-learn01]

更多命令:Angular CLI

本示例很简单基础的 Angular 7.0写的企业管理系统框架, 包括了路由,懒加载,预加载等功能,但只是提供大体布局框架,目录结构遵守Angular的建议, 需要根据自己的业务需求来布局和填写细节,并结合真实的业务场景 后面将继续集成了常用的bootstrap,d3js等。