{"id":20244658,"url":"https://github.com/billy0402/angular-up-and-running","last_synced_at":"2026-04-17T09:33:07.676Z","repository":{"id":165279263,"uuid":"235937978","full_name":"billy0402/angular-up-and-running","owner":"billy0402","description":"A learning project from the book 'Angular: Up and Running'.","archived":false,"fork":false,"pushed_at":"2020-01-31T16:22:03.000Z","size":453,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-25T11:03:43.454Z","etag":null,"topics":["angular","course","typescript","web"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/billy0402.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-01-24T04:15:25.000Z","updated_at":"2024-04-13T15:23:12.000Z","dependencies_parsed_at":null,"dependency_job_id":"6d49b0e2-f91f-4eb7-9a62-e09d58acf8b7","html_url":"https://github.com/billy0402/angular-up-and-running","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/billy0402/angular-up-and-running","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/billy0402%2Fangular-up-and-running","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/billy0402%2Fangular-up-and-running/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/billy0402%2Fangular-up-and-running/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/billy0402%2Fangular-up-and-running/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/billy0402","download_url":"https://codeload.github.com/billy0402/angular-up-and-running/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/billy0402%2Fangular-up-and-running/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31923182,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-17T09:10:15.403Z","status":"ssl_error","status_checked_at":"2026-04-17T09:10:14.455Z","response_time":62,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","course","typescript","web"],"created_at":"2024-11-14T09:16:39.852Z","updated_at":"2026-04-17T09:33:07.656Z","avatar_url":"https://github.com/billy0402.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [angular-up-and-running](https://github.com/shyamseshadri/angular-up-and-running)\n\n## environment\n\n- [macOS 10.15.2](https://www.apple.com/tw/macos/catalina/)\n- [WebStorm 2019.3.1](https://www.jetbrains.com/webstorm/)\n- nvm 0.35.2, node 12.14.0, npm 6.13.4\n- Angular CLI 8.3.23\n\n## [Angular CLI](https://cli.angular.io)\n```shell\n$ npm install -g @angular/cli\n\n$ ng --version\n\n     _                      _                 ____ _     ___\n    / \\   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|\n   / △ \\ | '_ \\ / _` | | | | |/ _` | '__|   | |   | |    | |\n  / ___ \\| | | | (_| | |_| | | (_| | |      | |___| |___ | |\n /_/   \\_\\_| |_|\\__, |\\__,_|_|\\__,_|_|       \\____|_____|___|\n                |___/\n    \n\nAngular CLI: 8.3.23\nNode: 12.14.0\nOS: darwin x64\nAngular: \n... \n\nPackage                      Version\n------------------------------------------------------\n@angular-devkit/architect    0.803.23\n@angular-devkit/core         8.3.23\n@angular-devkit/schematics   8.3.23\n@schematics/angular          8.3.23\n@schematics/update           0.803.23\nrxjs                         6.4.0\n    \n$ ng help\n```\n\n## command\n```shell\n# 建構新專案\n$ ng new \u003cproject name\u003e\n\n# 使用 CSS.SCSS 或其他 CSS 框架\n$ ng new \u003cproject name\u003e --style=css\n\n# 產生導向模組\n$ ng new \u003cproject name\u003e --routing\n\n# 元件是否需要前綴\n$ ng new \u003cproject name\u003e --prefix=acme\n\n# 執行應用程式，環境設定檔為 environment.ts\n$ ng serve\n\n# 執行應用程式，環境設定檔為 environment.prod.ts\n$ ng serve --prod\n\n# 建構新元件\n$ ng generate component \u003ccomponent name\u003e\n\n# 產生類別骨架\n$ ng generate class \u003cclass name\u003e\n\n# 產生服務骨架\n$ ng generate service \u003cservice name\u003e\n\n# 建構路由模組並連結至 AppModule\n$ ng generate module app-routing --flat --module=app\n\n# 產生路由模組\n$ ng generate module \u003cmodule name\u003e --routing\n\n# 建構路徑保護\n$ ng generate guard \u003cguard name\u003e\n\n# 執行測試\n$ ng test\n\n# 產生上線的檔案至 dist 目錄，單純建置\n$ ng build\n\n# 上線建置\n# 移除空白.醜化程式碼.AOT(Ahead-of-Time).以上線模式執行Angular.死程式消除\n$ ng build --prod --base-href=/app/\n\n# 修改基底路徑 (index.html 的 \u003cbase href=\"/\"\u003e 標籤)\n$ ng build --base-href=/app/\n```\n\n## project tree\n```\n\u003cproject name\u003e\n├── e2e\n├── src\n│   ├── app\n│   │   ├── app.component.css\n│   │   ├── app.component.html\n│   │   ├── app.component.spec.ts\n│   │   ├── app.component.ts         # 根元件\n│   │   └── app.module.ts            # 主要模組\n│   ├── assets\n│   ├── environments\n│   ├── index.html                   # 根 HTML\n│   ├── main.ts                      # 進入點\n└── angular.json                     # Angular CLI 組態\n```\n\n## lifecycle hooks\n```\nconstructor\n\nngOnChanges\nngOnInit\nngDoCheck\n    ngAfterContentInit\n    ngAfterContentChecked\n    ngAfterViewInit\n    ngAfterViewChecked\nngOnDestroy\n```\n\n## [Angular Universal](https://github.com/angular/angular-cli/wiki/stories-universal-rendering)\n```shell\n# 建置 Angular Universal 應用程式\n$ ng run build:universal\n\n# 執行 Angular Universal 應用程式\n$ ng run serve:universal\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbilly0402%2Fangular-up-and-running","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbilly0402%2Fangular-up-and-running","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbilly0402%2Fangular-up-and-running/lists"}