zoukankan      html  css  js  c++  java
  • 2-2 工程源码文件结构





    这节主要看src下面的目录


    资源目录放图片等


    本机环境,开发环境、生产环境,不同的环境才用不同的变量值

    例如本机的API的地址

    生产环境的服务地址可能是一个网址的



    ng build:默认是开发环境的编译
    ng build --prod:就是生产环境的编译。编译就是对应下面两个环境的文件

    app目录


    app.module .ts是根模块,相对功能独立的一组代码组合在一起就组成一个模块


    app.component是根组件,主要是css、html、ts这三个主要的文件。spec是测试用的文件




    @Component这是装饰器,装饰器其实就是一个函数

    装饰器用来修饰AppComponent这个类

    并设置这个类的一些属性值

    组件可以理解为angular自定义的html标签,也可以理解为它是页面显示的一部分内容,这个内容可能是整页,也可能是页面的一部分
    templateUrl:模板的路径

    ./表示的是当前目录

    模板表达要怎么去显示,显示哪些内容

    css的路径,可以有多个css

    默认情况下创建的就一个




    app.module


    @NgModule修饰整个模块

    模块有这些属性

    declarations是一个数组,声明我这个模块有哪些组件,也可以说有哪些组件属于我这个模块

    import:我这个模块本身,依赖什么其他模块


    bootstrap:我的引导组件是什么,根模块才会有这个bootstrap这个属性,你进去我的模块后,我第一个给你呈现出来的是什么
    这就是为什么appComponent什么叫做根组件,它是一个引导组件

    main.ts

    main.ts是整个应用的入口,类似java中的main函数或者c语言中的main函数


    它会去引导我们的根模块,然后在根模块里面去引导跟组件


    polyfills.ts
    英文就是填充
    不同浏览器的兼容脚本加载



    styles.css
    全局的样式表

    test.ts:测试入口

























     

  • 相关阅读:
    nginx 学习
    java 数组转字符串(以逗号分隔开)
    索引命名规范
    java常见的设计模式
    java中的堆、栈浅解。
    Oracle忘记System密码怎么办?
    端口被占用,怎么解决?
    Spring Mvc学习之路
    svg了解一下
    推荐几款基于vue的使用插件
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/11101307.html
Copyright © 2011-2022 走看看