美文网首页angular2.0
Angular2工程文件简析

Angular2工程文件简析

作者: 胡不归vac | 来源:发表于2017-01-16 08:50 被阅读261次

      今天简单介绍一下Angular2工程搭建好后,目录中的各个文件。官方请参考这里。官方文档是有一点落后的。
    请注意,创建的项目都是用TypeScript开发的

    文件主目录.png
    下面主要介绍一些目前这个学习阶段我们需要知道的文件
      src/app:和我们新手开发主要相关的文件主要就是/app文件夹。我们写的各个模块、组件的代码都要放在这里。
      src/assets:这里存放着我们需要的各个静态资源,比如你的图片、声音,样式和字体,还有你需要调用的一些api。
      favicon:这是访问站点时浏览器标签栏显示的图标。
      index.html:项目的入口页面,整个项目就是这一个页面,Angular2在页面里切换显示不同的组件,我们就看到了不同的页面。
    

    src文件夹

    src/app:和我们新手开发主要相关的文件主要就是/app文件夹。我们写的各个模块、组件的代码都要放在这里。
    src/assets:这里存放着我们需要的各个静态资源,比如你的图片、声音,样式和字体,还有你需要调用的一些api。
    src/environments:这里存放着你的打包项目时所用的环境配置。打包时可以选择开发方式,也可以选择正式产品方式,对于不同的方式的环境配置文件。
    favicon:这是访问站点时浏览器标签栏显示的图标。
    index.html:项目的入口页面,整个项目就是这一个页面,Angular2在页面里切换显示不同的组件,我们就看到了不同的页面。
    main.ts:  用于整个项目的模块引导,无需修改。
    polyfills.ts:用于解决浏览器兼容问题。
    style.css:这是应用的全局样式,写的样式会在整个项目中有效。   
    test.ts:测试入口文件
    tsconfig.json: TypeScript的配置文件为 TypeScript 编译器指定如何将TypeScript 代码转换为 JavaScript 文件,用来在所有现代浏览器中运行。  
    

    主文件夹

    angular-cli.config:angular-cli的配置文件
    karma.conf.js:karma测试运行的配置文件
    package.json:指定了项目的依赖包,同时可以指定一些命令脚本
    protractor.conf.js:protractor端到端(e2e)测试器运行的配置文件
    tslint.json:利用npm安装的 TypeScript 语法检查器 (linter) 
    

    以上就是文件的一些介绍

    相关文章

      网友评论

      • wkylin:请问一下,你这个是哪款IDE,文件类型前面的图标蛮好的,是VS么??
        胡不归vac:@wkylin 我在用typescript,就转成这个了
        wkylin:@NoStubborn 恩,不过我个人喜欢webstorm 及intellij idea.
        胡不归vac:@wkylin 对,VScode,安装插件vscode-icons

      本文标题:Angular2工程文件简析

      本文链接:https://www.haomeiwen.com/subject/fiyybttx.html