angular-环境搭建

angular环境搭建（angular-cli）

1.安装nodejs

http://nodejs.cn/download/

2.Angular命令行工具安装

npm install -g @angular/cli

ng -v                          
  Angular命令行工具安装成功

3.创建项目

Auction - 项目名称

ng new auction

创建成功后，会在该项目下创建一个auction的文件夹

命令行工具初始化生成的项目结构不可改变

4.生成文件作用

e2e : 做测试

src :  我们的代码写在这里

angular-cli.json : angular 命令行工具的配置文件

karma.confi.js （protractor.conf.js）:  执行自动化测试

package.json : 标准的npm工具的配置文件，列明所使用的第三方依赖包

tslint.json : tslint的配置文件，typescript代码质量检查的一些规则

src目录中：

app ：包含我们应用的组件和模块。

assets : 存放静态资源的。例如图片

environments : 环境配置

index.html : 整个应用的根html

main.ts : 脚本的执行的入口点，通过这个执行脚本

polyfills.ts : 导入一些必要的库

style.css ：放全局的css样式

test.css : 搞自动化测试的

tsconfig.json : typescript编译器的一个配置

5.服务器启动

切换到项目路径

ng serve
--open

http://localhost:4200  访问  本地服务器启动