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 实现之间的差异