zoukankan      html  css  js  c++  java
  • Angular5学习笔记

    一、项目总体目录

      

    README.md:项目的说明和一些常用指令说明,建议看看。

    e2e:看不懂暂时空着???

    node_modules/:存放npm下载的组件(npm install 后自动产生,不需要动)

    package.json:项目信息定义,依赖的组建信息配置文件(npm install执行时候就是下载这里的配置组件至node_modules目录),常用。

    .angular-cli.json:打包时候的一些配置项目,例如:样式、js、不同环境的打包参数配置

    .editorconfig:编码风格配置,例如:缩进、编码等(一般团队可以不需要动,可参考下面的连接https://www.cnblogs.com/xiyangbaixue/p/4201490.html )。

    .gitignore:Git的配置文件,配置哪些文件上传,哪些文件不上传(不需要动)。

    karma.conf.js:Angularjs的工程师们创造出的测试框架(详细参考:http://blog.csdn.net/jzthekeeper/article/details/39157413)

    protractor.conf.js:前端自动化测试并可以配置运行端口(详细参考 http://blog.csdn.net/huwei2003/article/details/48493977)

    tsconfig.json:指导编译器如何生成 JS 文件(一般不需要动,详细参考https://www.cnblogs.com/Hao-Killer/p/7302627.html)

    tslint.json:typescript格式验证工具(一般不需要动,详细参考 http://blog.csdn.net/zw52yany/article/details/78688837)

    二、src文件夹

     

    app:组件开发文件夹

    app/app.component.{ts,html,css,spec.ts}

    ts:组件业务逻辑文件

    html:组件的UI文件

    css:组件的样式文件

    spec.ts:组件异常处理

    app/app.module.ts:项目的组装配置文件,一般如果用命令产生的组件、模块等会自动修改该文件。

    assets/*:项目的静态文件存放目录,静态存放到这里打包的时候才会打包进去

    environments/*:环境变量,例如开发和发布的api连接地址等配置。

    favicon.ico:地址栏里面显示的小图标。

    index.html:项目入口文件

    polyfills.ts:感觉和跨浏览器的配置有关,后续了解后再补充???

    styles.css:全局样式文件

    test.ts:测试配置文件

    tsconfig.{app|spec}.json:typescript编译配置文件,影响范围只有app文件夹。

  • 相关阅读:
    js 变量命名规范
    JS
    python 处理中文十六进制的encode %E9%99%88%E8%80%81%E5%B8%88/%E5%9B%BE%E7%89%87
    Pycharm 项目上传至Gitee/Github详细步骤
    Python 类型建议符, Python 定义函数的时候有冒号:
    Python 解析 JSON
    Python 解析 JSON
    Mac 安装 WordPress
    java常用书籍下载
    Docker环境搭建Redis4.0 Cluster
  • 原文地址:https://www.cnblogs.com/chuancheng/p/8337277.html
Copyright © 2011-2022 走看看