Angular 环境的搭建相关

需要的工具:Node.js, Angular CLI(命令行工具)

一.Angular环境的搭建与运行

1.官方下载Node.js。

2.在命令行中装命令行工具:npm install -g @angular/cli 。 安装好后ng -v 查看安装结果。

3.运用CLI创建项目:ng new auction。  auction环境会生成相应的目录下。

4.运行auction项目:ng serve。(默认:http://localhost:4200/)

二.auction 目录的结构及作用。

1.e2e目录:测试目录,用来做测试。

2.node_modules:Angular第三方类库。

3.src 应用源码目录:

*(1)app目录:我们应用的组件和模块。

*(2)assets目录:静态资源存放处,如图片等。

(3)environments:环境配置。Angular支持多环境开发 比如:开发环境,测试环境等。

*(4)index.html:整个应用的根html。

*(5)main.ts:脚本执行的入口点。Angular通过这个文件启动整个项目。

(6)polyfills.ts:导入一些库,以便可以适应老版本的浏览器。

*(7)styles.css:应用的全局的css样式。

(8)tsconfig.json:typscript 编译器的一些配置。

4.其它文件:

(1).editorcongif:用于统一代码工具的解决方案。

(2).gitignore:git的配置文件。

*(3)angular.json: Angular 命令行的工具的配置文件。

*(4)pacakge.json:npm工具的配置文件。

(5)tslint.json:定义typescript代码检查的规则。

三,Angular的启动过程:

起点:main.ts -> AppModule ->index.html


注:Angular CLI的一些指令:
https://segmentfault.com/a/1190000009771946

你可能感兴趣的:(Angular学习笔记)