Việc tạo ra new Angular project sử dụng Angular CLI là một trong những bài toán không tồn tại gì dễ dãi rộng. Các bạn chỉ cần (sau thời điểm đã cài đặt Angular CLI):

Đi đến thỏng mục mà những bạn có nhu cầu sản xuất Angular projectMở Terminal trong macOS hay Linux hoặc command-line vào WindowNhập câu lệnh sau:


với project_name là tên gọi Angular project, là họ sẽ tạo nên mới được một Angular project rồi.

Bạn đang xem: Angular cli là gì

lấy ví dụ như bản thân chạy câu lệnh sau:


Nó sẽ hỏi bạn muốn thêm phần Angular Routing vào ứng dụng của các bạn luôn luôn không?

*

Tuỳ vào yêu cầu của bản thân mình nhưng chúng ta nhập y tốt N nhé! Ở phía trên, tôi chỉ chế tạo ra một project dễ dàng và đơn giản đề xuất mình sẽ nhập N.

Tiếp theo, nó sẽ hỏi bọn họ về format style sheet nhưng các bạn muốn áp dụng, gồm những: CSS, SCSS, Sass, Less xuất xắc Stylus.

*

Các bạn muốn áp dụng định hình làm sao thì nhấn nút ít lên xuống nhằm lựa chọn nhé.

Xem thêm: Dịch Vụ Vas Là Gì - Dịch Vụ Giá Trị Gia Tăng

Mình vẫn lựa chọn mặc định CSS rồi thừa nhận Enter.

Kết quả:

*

Hiện giờ, nếu như chúng ta bình chọn tlỗi mục của Angular project, những các bạn sẽ thấy hiệu quả nhỏng sau:

*

Để chạy project này, các bạn chỉ cần vào thư mục root của project cùng chạy câu lệnh sau:


Shell
ng serve
1
ng serve

Mặc định Angular CLI vẫn start vận dụng của bọn họ nghỉ ngơi port 4200. Nên trường hợp bây giờ, các bạn truy cập vào địa chỉ http://localhost:4200/, những bạn sẽ thấy tác dụng nhỏng sau:

*

Nếu tiếng chúng ta demo modify tập tin ứng dụng.component.ts trong tlỗi mục src/tiện ích của Angular project từ:


JavaScript
import Component from "
angular/core";
Component( selector: "app-root", templateUrl: "./phầm mềm.component.html", styleUrls: <"./tiện ích.component.css">)export class AppComponent title = "angular-example";
1
2
3
4
5
6
7
8
9
10
import Component from "
angular/core";
Component(
selector: "app-root",
templateUrl: "./ứng dụng.component.html",
styleUrls: <"./tiện ích.component.css">
)
export class AppComponent
title = "angular-example";

thành:


Java
import Component from "
angular/core";
Component( selector: "app-root", templateUrl: "./phầm mềm.component.html", styleUrls: <"./app.component.css">)export class AppComponent title = "Huong Dan Java";
1
2
3
4
5
6
7
8
9
10
import Component from "
angular/core";
Component(
selector: "app-root",
templateUrl: "./app.component.html",
styleUrls: <"./phầm mềm.component.css">
)
export class AppComponent
title = "Huong Dan Java";

thì browser sẽ auto refresh thành:

*

Đến phía trên thì những chúng ta cũng có thể bước đầu chế tạo cho bạn một vận dụng Angular rồi.


0.0
00
Previous Post: Cài đặt Angular Comm& Line Interface
Next Post: Tổng quan về kết cấu của Angular project

Add Comment Hủy


Name (required)
E-Mail (required)
Website (optional)

Submit Comment

Tìm tìm Google


Fanpage


Hướng Dẫn Java


Xem nhiều


Phản hồi gần đây


Get Updates

Subscribe to lớn our newsletter khổng lồ receive sầu breaking news by email.

Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *