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

WebP là gì? Hướng dẫn cách để chuyển hình ảnh jpg, png qua webp

WebP là gì? WebP là một định dạng ảnh hiện đại, được phát triển bởi Google

Điểm khác biệt giữa IPv4 và IPv6 là gì?

IPv4 và IPv6 là hai phiên bản của hệ thống địa chỉ Giao thức Internet (IP). IP l

Check nameservers của tên miền xem website trỏ đúng chưa

Tìm hiểu cách check nameservers của tên miền để xác định tên miền đó đang dùn

Mình đang dùng Google Domains để check tên miền hàng ngày

Từ khi thông báo dịch vụ Google Domains bỏ mác Beta, mình mới để ý và bắt đầ