Tạo một new project trong Angular 13

Trong bài viết này mình sẽ chia sẻ các bước để tạo một new project trong angular 13 và chạy nó trên trình duyệt. Cài đặt các thư viện cần thiết Node.js : Angular yêu cầu phiên bản LTS đang hoạt động hoặc LTS bảo trì của Node.js. Các bạn có thể truy cập vào

Trong bài viết này mình sẽ chia sẻ các bước để tạo một new project trong angular 13 và chạy nó trên trình duyệt.

  1. Cài đặt các thư viện cần thiết
  • Node.js : Angular yêu cầu phiên bản LTS đang hoạt động hoặc LTS bảo trì của Node.js.
  • Các bạn có thể truy cập vào trang nodejs.org để cài đặt.
  • Mở terminal window và gõ command node -v để kiểm tra xem nodejs đã hoạt động chưa.
  • npm( node package manager) : npm là thư viện phần mềm lớn nhất thế giới, nó cũng là một trình quản lý và cài đặt các gói phần mềm.

Các ứng dụng Angular, Angular CLI và Angular phụ thuộc vào các gói trong thư viện npm cho nhiều tính năng và chức năng.
npm được cài đặt với Node.js theo mặc định, để kiểm tra npm đã hoạt động chưa, bạn gõ command npm -v trong terminal window.

  1. Install the Angular CLI

Bạn sử dụng Angular CLI để tạo dự án, tạo mã ứng dụng và thư viện, đồng thời thực hiện nhiều tác vụ phát triển liên tục như kiểm tra, đóng gói và triển khai.

npm install -g @angular/cli

  1. Install Angular 13 Project

Bây giờ, bạn có thể tạo một new project trong angular 13 bằng cách sử dụng command angular cli như bên dưới:

ng new first-app

Bạn sẽ được hỏi về một số điều như dưới đây:

  1. Would you like to add Angular routing?(y/n)
    Nếu bạn chọn yes thì ứng dụng sẽ tạo ứng dụng có định tuyến(routing). Nếu No, ứng dụng sẽ tạo mà bỏ qua định tuyến(routing).
  2. Which stylesheet format would you like to use?
    Mình chọn CSS và nhấn Enter

Nếu chạy thành công, bạn sẽ thấy một màn hình như sau:

Cuối cùng bạn chạy command sau để chạy ứng dụng nhé:

cd first-app
ng serve --open

Nếu bạn cài đặt thành công, bạn sẽ thấy màn hình như sau:

Nguồn: viblo.asia

Bài viết liên quan

Sự Khác Nhau Giữa Domain và Hosting Là Gì?

Sự khác nhau giữa domain và hosting là gì? Bài này giải thích ngắn và dễ hiểu nh

Shared Hosting hay VPS Hosting: Lựa chọn nào dành cho bạn?

Bài viết giải thích rõ shared hosting và vps hosting là gì và hướng dẫn chọn lựa

Thay đổi Package Name của Android Studio dể dàng với plugin APR

Nếu bạn đang gặp khó khăn hoặc bế tắc trong việc thay đổi package name trong And

Lỗi không Update Meta_Value Khi thay thế hình ảnh cũ bằng hình ảnh mới trong WordPress

Mã dưới đây hoạt động tốt có 1 lỗi không update được postmeta ” meta_key=