angular2项目新建和项目结构认识

摘要文章:http://www.jianshu.com/p/cba3fa12f0a3

1.新建项目

1).安装angular cli:npm install -g angular-cli

2).新建  ng new 项目名

3).进入项目:cd 项目名

4). 启动项目: ng serve

2.项目目录解说

src目录以外的文件为构建、部署和测试 app 相关的文件,他们只包括配置文件和外部依赖。

src/ 目录下的文件才“属于”你的 app。 除非明确指出,否则项目中添加的 TypeScript,HTML 和 CSS 文件都在 src/ 目录下, 大多数在 src/app 目录中。

 Node.js 和 npm 包管理器对使用 Angular 和其他平台进行现代网络开发是至关重要的。 Node.js 用来支持客户端开发和构建工具。npm 包管理器本身就是一个 Node.js 应用,用于安装 JavaScript 库。

###angular-cli构建项目部分文件及目录的用途
* config/ - 各种项目配置和环境变量
* dist/ - 项目编译后的文件
* e2e/ - 测试实例
* node_modules/ - 依赖模块
* public/ - 公共资源,如js、css等
* src/ - **实际编写项目的目录**
* src/index.html - 入口页面,同时该页面内会引入各个依赖,并引入AngularJs2的引导函数bootstrap所在的文件
* src/main.ts - index.html引用的执行bootstrap引导函数的ts文件
* src/system-config - 项目生成后默认的存放声明依赖的ts文件
* src/tsconfig.json - typescript的配置文件
* src/typings.d.ts - typescript的类型声明
* tmp/ - angular-cli的临时文件
* typings/ - typescript,src/typings.d.ts相关的typings
* angular-cli.json - angular-cli的配置文件,该文件内可对angular-cli进行一些配置,如defaults.prefix课修改后默认生成的前缀

package.json:

package.json 包括两组包:dependencies 和 devDependencies

dependencies 是运行应用的基础,而 devDependencies 只有在开发应用时才会用到。

Dependencies

应用程序的 package.json 文件中,dependencies 下包括:

  • Angular 包:Angular 的核心和可选模块,它们的包名以 @angular/ 开头。

  • 支持包:那些 Angular 应用运行时必需的第三方库。

  • 腻子脚本:腻子脚本负责抹平不同浏览器的 JavaScript 实现之间的差异

原文地址:https://www.cnblogs.com/maochunyan/p/7388694.html