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  访问  本地服务器启动