Yatrum 开源项目使用教程
1. 项目的目录结构及介绍
Yatrum 项目的目录结构如下:
yatrum/
├── src/
│ ├── app/
│ ├── assets/
│ ├── environments/
│ ├── index.html
│ ├── main.ts
│ ├── polyfills.ts
│ ├── styles.css
│ ├── test.ts
│ └── tsconfig.app.json
├── .editorconfig
├── .eslintignore
├── .eslintrc
├── .firebaserc
├── .gitignore
├── CNAME
├── CONTRIBUTING.md
├── LICENSE.md
├── README.md
├── angular-cli.json
├── firebase.json
├── karma.conf.js
├── package.json
├── protractor.conf.js
├── rollup-config.js
├── semantic.json
├── tslint.json
└── yarn.lock
目录结构介绍
-
src/
:包含项目的源代码。app/
:包含应用程序的主要代码。assets/
:包含静态资源文件。environments/
:包含不同环境的配置文件。index.html
:应用程序的主HTML文件。main.ts
:应用程序的入口文件。polyfills.ts
:包含浏览器兼容性填充代码。styles.css
:全局样式文件。test.ts
:测试配置文件。tsconfig.app.json
:TypeScript 配置文件。
-
根目录下的其他文件:
.editorconfig
:编辑器配置文件。.eslintignore
:ESLint 忽略配置。.eslintrc
:ESLint 配置文件。.firebaserc
:Firebase 配置文件。.gitignore
:Git 忽略配置。CNAME
:自定义域名配置。CONTRIBUTING.md
:贡献指南。LICENSE.md
:许可证文件。README.md
:项目说明文件。angular-cli.json
:Angular CLI 配置文件。firebase.json
:Firebase 部署配置文件。karma.conf.js
:Karma 测试配置文件。package.json
:npm 依赖管理文件。protractor.conf.js
:Protractor 端到端测试配置文件。rollup-config.js
:Rollup 打包配置文件。semantic.json
:Semantic UI 配置文件。tslint.json
:TSLint 配置文件。yarn.lock
:Yarn 依赖锁定文件。
2. 项目的启动文件介绍
入口文件
main.ts
:这是应用程序的入口文件,负责启动 Angular 应用。
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
if (environment.production) {
enableProdMode();
}
platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.error(err));
其他启动相关文件
polyfills.ts
:包含浏览器兼容性填充代码,确保应用在不同浏览器中正常运行。styles.css
:全局样式文件,包含应用的基础样式。
3. 项目的配置文件介绍
Angular CLI 配置
angular-cli.json
:Angular CLI 配置文件,包含项目的基本配置信息。
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"project": {
"name": "yatrum"
},
"apps": [
{
"root": "src",
"outDir": "dist",
"assets": [
"assets",
"favicon.ico"
],
"index": "index.html",
"main": "main.ts",
"polyfills": "polyfills.ts",
"test": "test.