# Angular CLI (Angular)

> ng new, ng generate, ng serve, ng build, ng test, การกำหนดค่า, workspaces, schematics, builders

- 18 คำถามสัมภาษณ์
- Junior
- [คำถามสัมภาษณ์: Angular](https://sharpskill.dev/th/technologies/angular/interview-questions.md)

## 1. คำสั่งใดที่สร้างโปรเจกต์ Angular ใหม่?

**คำตอบ**

คำสั่ง ng new สร้างโปรเจกต์ Angular ใหม่พร้อมกับไฟล์การกำหนดค่าที่จำเป็นทั้งหมด (angular.json, tsconfig.json, package.json) ติดตั้ง dependency npm โดยอัตโนมัติและเริ่มต้น Git repository คำสั่งนี้เป็นจุดเริ่มต้นมาตรฐานสำหรับโปรเจกต์ Angular ใดๆ และตั้งค่าโครงสร้างที่แนะนำโดยทีม Angular นอกจากนี้ยังมีตัวเลือกแบบโต้ตอบเพื่อเลือก routing, CSS preprocessor และโหมด strict ของ TypeScript

## 2. คำสั่งใดที่เริ่มต้นเซิร์ฟเวอร์การพัฒนา Angular?

**คำตอบ**

คำสั่ง ng serve เริ่มต้นเซิร์ฟเวอร์การพัฒนา Angular พร้อมการรีโหลดอัตโนมัติ (hot reload) คำสั่งนี้คอมไพล์แอปพลิเคชันในโหมดพัฒนาและทำให้สามารถเข้าถึงได้ที่ localhost:4200 ตามค่าเริ่มต้น เซิร์ฟเวอร์จะตรวจสอบการเปลี่ยนแปลงไฟล์ TypeScript, HTML และ CSS จากนั้นจะคอมไพล์ใหม่และรีเฟรชเบราว์เซอร์โดยอัตโนมัติเพื่อขั้นตอนการทำงานพัฒนาที่มีประสิทธิภาพ คำสั่งนี้ใช้ webpack-dev-server เบื้องหลังเพื่อเพิ่มประสิทธิภาพการคอมไพล์

## 3. ไฟล์ใดที่มีการกำหนดค่าหลักของโปรเจกต์ Angular?

**คำตอบ**

ไฟล์ angular.json มีการกำหนดค่าโปรเจกต์ Angular ทั้งหมด รวมถึงตัวเลือก build, เส้นทาง asset, การกำหนดค่าสภาพแวดล้อม และการตั้งค่า builder ไฟล์ศูนย์กลางนี้อนุญาตให้ปรับแต่งพฤติกรรมของ CLI, กำหนดค่าสำหรับการพัฒนาและการผลิต, กำหนดค่าเส้นทาง style และ script ทั่วไป และจัดการหลายโปรเจกต์ใน workspace แบบหลายโปรเจกต์ เป็นไฟล์ที่สำคัญที่สุดสำหรับการกำหนดค่า Angular CLI

## มีอีก 15 คำถาม

- คำสั่งใดที่คอมไพล์แอปพลิเคชัน Angular สำหรับ production?
- คำสั่งใดที่รัน unit test ในโปรเจกต์ Angular?

สมัครฟรี: https://sharpskill.dev/th/login

## หัวข้อสัมภาษณ์ Angular อื่นๆ

- [พื้นฐาน TypeScript](https://sharpskill.dev/th/technologies/angular/interview-questions/typescript-basics.md): 25 คำถาม, Junior
- [TypeScript ขั้นสูง](https://sharpskill.dev/th/technologies/angular/interview-questions/typescript-advanced.md): 20 คำถาม, Junior
- [พื้นฐาน Angular](https://sharpskill.dev/th/technologies/angular/interview-questions/angular-fundamentals.md): 20 คำถาม, Junior
- [คอมโพเนนต์และวงจรชีวิต](https://sharpskill.dev/th/technologies/angular/interview-questions/components-lifecycle.md): 20 คำถาม, Junior
- [Services & Dependency Injection](https://sharpskill.dev/th/technologies/angular/interview-questions/services-dependency-injection.md): 20 คำถาม, Junior
- [การจัดระเบียบโมดูล Angular](https://sharpskill.dev/th/technologies/angular/interview-questions/modules-organization.md): 22 คำถาม, Mid-Level
- [Directives และ Pipes](https://sharpskill.dev/th/technologies/angular/interview-questions/directives-pipes.md): 22 คำถาม, Mid-Level
- [Routing และการนำทาง](https://sharpskill.dev/th/technologies/angular/interview-questions/routing-navigation.md): 24 คำถาม, Mid-Level
- [Reactive Forms](https://sharpskill.dev/th/technologies/angular/interview-questions/forms-reactive.md): 26 คำถาม, Mid-Level
- [Template-driven Forms](https://sharpskill.dev/th/technologies/angular/interview-questions/forms-template-driven.md): 16 คำถาม, Mid-Level
- [พื้นฐาน RxJS](https://sharpskill.dev/th/technologies/angular/interview-questions/rxjs-fundamentals.md): 22 คำถาม, Mid-Level
- [Operator ของ RxJS](https://sharpskill.dev/th/technologies/angular/interview-questions/rxjs-operators.md): 24 คำถาม, Mid-Level
- [HttpClient และการเรียก API](https://sharpskill.dev/th/technologies/angular/interview-questions/http-client.md): 22 คำถาม, Mid-Level
- [การจัดการ state พื้นฐาน](https://sharpskill.dev/th/technologies/angular/interview-questions/state-management-basics.md): 20 คำถาม, Mid-Level
- [Change Detection](https://sharpskill.dev/th/technologies/angular/interview-questions/change-detection.md): 20 คำถาม, Mid-Level
- [Angular Signals](https://sharpskill.dev/th/technologies/angular/interview-questions/angular-signals.md): 20 คำถาม, Mid-Level
- [Standalone Components](https://sharpskill.dev/th/technologies/angular/interview-questions/standalone-components.md): 18 คำถาม, Mid-Level
- [การทำ Unit Testing ใน Angular](https://sharpskill.dev/th/technologies/angular/interview-questions/testing-unit.md): 22 คำถาม, Mid-Level
- [การทดสอบ End-to-End](https://sharpskill.dev/th/technologies/angular/interview-questions/testing-e2e.md): 18 คำถาม, Mid-Level
- [Build และการเพิ่มประสิทธิภาพ](https://sharpskill.dev/th/technologies/angular/interview-questions/build-optimization.md): 20 คำถาม, Mid-Level
- [พื้นฐาน NgRx](https://sharpskill.dev/th/technologies/angular/interview-questions/ngrx-fundamentals.md): 24 คำถาม, Senior
- [NgRx ขั้นสูง](https://sharpskill.dev/th/technologies/angular/interview-questions/ngrx-advanced.md): 24 คำถาม, Senior
- [สถาปัตยกรรม Angular](https://sharpskill.dev/th/technologies/angular/interview-questions/angular-architecture.md): 22 คำถาม, Senior
- [การปรับแต่งประสิทธิภาพ](https://sharpskill.dev/th/technologies/angular/interview-questions/performance-optimization.md): 22 คำถาม, Senior
- [ความปลอดภัยและแนวทางปฏิบัติที่ดี](https://sharpskill.dev/th/technologies/angular/interview-questions/security-best-practices.md): 20 คำถาม, Senior
- [รูปแบบ RxJS ขั้นสูง](https://sharpskill.dev/th/technologies/angular/interview-questions/advanced-rxjs-patterns.md): 22 คำถาม, Senior
- [Angular Universal และ SSR](https://sharpskill.dev/th/technologies/angular/interview-questions/angular-universal-ssr.md): 20 คำถาม, Senior
- [Angular Micro-frontends](https://sharpskill.dev/th/technologies/angular/interview-questions/micro-frontends-angular.md): 20 คำถาม, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/th/technologies/angular/interview-questions/angular-cli