• angular2 内容提要


    一、angular-CLI的安装配置

    二、angular中的3大核心概念  Component、Module、Route

    三、angular核心架构思想 (组件化、依赖注入、数据绑定)

    四、UI库 (angular-material(google发布的模拟物理变化的UI)、prime-NG、ng2-bootstrap、ionic)

    五、NiceFish

    web-pack 前端打包工具

    一、angular—CLI安装方法

    1.npm install -g angular-cli 

    2.ng --version

    3.ng new my-project1

    4.ng serve

    ng serve 之后,项目就能再浏览器跑起来

    除此之外还有一些其他的命令行,比如:

    ng generate  cl:class / c:component / d:directive / e:enum / m:module / p:pipe / s:service

    上面这些还可以简化的写:比如:ng g c User 意思是:建立一个User类的component

    去文件的目录结构中,就能看到在app目录下看到一个User的目录,里面包含user.component.css 、user.component.ts 、user.component.html 、user.component.spec.ts(这是用来做单元测试的)

    最后当我们需要把做好的东西编译出来,这时可以用 ng-build 或者ng-build --prod --aot等待编译,编译好了就能在

     目录中看到dist这个目录

    自动化测试:ng test

    二:angular中的3大核心概念  Component、Module、Route

    关于angular2的结构图,可在github上搜索TeamStuQ ,详细的列出了angular2的技能图谱

    angular2是单向数据流,具体可看 https://github.com/modern-javascript/angular2-data-flow 

    用单向数据流可以提高效率。

    一个项目的组件有很多,构成一个组件树。如果想知道自己项目的组件树长什么样儿,可以用angular2-dependencies-graph

    关于an-module相关的问题,官方在 https://angular.cn/docs/ts/latest/cookbook/ngmodule-faq.html 进行了回答

    module.ts 文件中,有declarations(声明类) 、 imports(导入的外部的模块) 、export(导出的模块)、providers

  • 相关阅读:
    less本地环境输出hello-world
    HTML中的SEO和HTML语义化
    JS连等赋值的坑
    React官网首页demo(单文件实现版)
    高并发高可用的架构实践-静态架构蓝图(二)
    高并发高可用的架构实践-设计理念(一)
    云计算+区块链=BaaS
    001/Nginx高可用模式下的负载均衡与动静分离(笔记)
    001---mysql分库分表
    004--PowerDesigner设置显示1对多等关系
  • 原文地址:https://www.cnblogs.com/maochunyan/p/6995337.html
Copyright © 2020-2023  润新知