angular2 系列教程(一) HelloAngular
注:本教程基于angular6.0.8进行,尽量迅速了解每一个重要部分的定义与用法,能够按步骤编写完成需求。
一. Hello Angular
- 步骤
- 新建项目: ng new hello-angular --skip-install
- 安装依赖:进入hello-angular 目录: 进入project目录运行 yarn install
- 运行项目: ng serve
-
目录结构
-
- e2e ----------------------------------------用于测试(本文对于测试不会涉及)
- node_modules----------------------------存放依赖包的地方
-
src-----------------------------------------存放源代码
-
app---------------------------------根模块
- app.component.css---------样式文件
- app.component.html-------模板
- app.component.spec.ts-----测试
- app.component.ts----------组件
- app.module.ts---------------模块
- assets ------------------------------站点资源文件夹
-
environments----------------------环境
- environment.prod.ts--------生产环境
- environment.ts--------------非生产环境
- favicon.ico--------------------------站点收藏图标
- index.html--------------------------宿主页面
- mian.ts------------------------------程序引导
- polyfills.ts --------------------------针对浏览器能力增强的polyfills引用文件
- styles.css ---------------------------全局样式文件
- test.ts-------------------------------测试入口文件
- tsconfig.json------------------------TypeScript配置文件
-
app---------------------------------根模块
- .gitignore ---------------------------------需要Git忽略的文件列表
- angular-cli.json----------------------------angular-cli配置
- karma.conf.js ------------------------------Karma单元测试配置文件
- package.json------------------------------依赖包以及npm的命令
- protractor.conf.js -------------------------端到端测试配置文件(集成测试)
- tslint.json ---------------------------------代码Lint静态检查的配置
-