VietNetwork.Vn

Angular là một framework dựa trên JavaScript mã nguồn mở và miễn phí để phát triển các ứng dụng một trang, nó là sự kế thừa của AngularJS framework. Nó được duy trì bởi Google, cùng một công ty đã tạo ra JavaScript và đưa Angular trở thành một cái tên quen thuộc. Theo Google Developers, nó có thể được sử dụng trên "MongoDB, Node.js của IBM, Express của Nodejitsu", v.v., giúp bạn có thể phát triển ứng dụng mà không phải lo lắng về công nghệ nào sẽ cung cấp năng lượng cho ứng dụng của bạn.

Nếu bạn đang muốn bắt đầu với Angular, một trong những cách tốt nhất để làm điều đó là cài đặt nó trên máy chủ Ubuntu của riêng bạn. Điều này sẽ cho phép bạn kiểm tra ứng dụng của mình trên các trình duyệt khác nhau như Google Chrome và Mozilla Firefox.

Trong hướng dẫn này, mình sẽ chỉ cho bạn cách cài đặt Angular trên Ubuntu 20.04. Quy trình tương tự cũng hoạt động trên Ubuntu 22.04. mình cũng sẽ trình bày một số bước cơ bản để bắt đầu với phát triển Angular. Vì vậy, cho dù bạn là người mới bắt đầu hay một nhà phát triển có kinh nghiệm, hướng dẫn này là dành cho bạn!

1. Điều kiện tiên quyết

Để làm theo hướng dẫn này, bạn sẽ cần một số thứ. Đây là những gì bạn cần:

• VPS của bạn cần có một người dùng không phải root với các đặc quyền sudo để chạy các lệnh. Bạn có thể tìm hiểu thêm về cách thiết lập điều này bằng cách đọc hướng dẫn thiết lập của mình.
• Yêu cầu hệ thống: CPU: CPU 2 nhân, Tốc độ: 2GHz, Bộ nhớ RAM: 2GB, Dung lượng đĩa: 15GB.

2. Cập nhật Kho lưu trữ của Ubuntu

Trước khi bắt đầu cài đặt Angular, điều quan trọng là bạn phải đảm bảo máy chủ Ubuntu của mình được cập nhật. Để làm điều đó, hãy mở cửa sổ dòng lệnh bằng cách nhấn Ctrl + Alt + T trên bàn phím của bạn, sau đó chạy lệnh sau:

$ sudo apt update -y

3. Cài đặt Node.js

Node.js là một môi trường chạy mã nguồn mở, đa nền tảng cho các ứng dụng mạng và phía máy chủ. Nó là một trong những thời gian chạy JavaScript phổ biến nhất. Node.js cũng có thể được sử dụng trong các máy chủ web và hệ thống nhúng.

Mình sẽ cài đặt Angular bằng NVM (Node Version Manager) để mình có thể chuyển đổi các phiên bản Node.js một cách dễ dàng mà không vi phạm bất kỳ điều gì trong quá trình này. Chúng ta phải cài đặt Node.js để sử dụng NVM, vì vậy hãy cài đặt nó trước.

Chạy lệnh curl bên dưới để thêm kho lưu trữ Node.js của Nodesource vào hệ thống của bạn. Kho lưu trữ Node.js của Nodesource cho phép mình tải bản phát hành ổn định mới nhất của Node.js một cách dễ dàng và nhanh chóng. Đây là kho phần mềm của bên thứ ba để cài đặt Node.js trên Debian, Ubuntu và các bản phân phối Linux GNU / Linux khác, bao gồm các dẫn xuất Debian và Ubuntu như Mint, primaryOS và Zorin OS.

$ curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

Chạy lệnh curl bên dưới để cài đặt Node.js trên hệ thống của bạn.

$ sudo apt install nodejs -y

Chạy lệnh sudo npm install npm@latest -g để cài đặt npm phiên bản mới nhất trên toàn cầu trên máy tính của bạn.

$ sudo npm install npm@latest -g

Xác minh rằng bạn đang sử dụng npm v8.x bằng cách chạy lệnh sau.

$ npm --version

4. Cài đặt Angular trên Ubuntu

Bây giờ bạn đã cài đặt NVM trên Ubuntu, bạn có thể cài đặt Angular một cách dễ dàng bằng cách chạy lệnh dưới đây.

$ sudo npm install -g @angular/cli
Vâng, đối với người mới bắt đầu, nó không phải là một lỗi đánh máy. -G là viết tắt của Global. Toàn cầu có nghĩa là lệnh ảnh hưởng đến tất cả các Ứng dụng Angular trên máy tính của bạn. Ví dụ: nếu bạn đã cài đặt angle trên toàn cầu, bạn sẽ có thể sử dụng lệnh angle-cli trong bất kỳ thư mục nào.

Khi mình cài đặt Angular thông qua NPM, nó đã được cài đặt cục bộ để bạn sử dụng chỉ trong một thư mục. Thông thường, điều này là tốt, nhưng có thể có trường hợp bạn muốn tất cả các dự án Angular của mình chia sẻ cùng một phiên bản Angular và nếu điều đó chưa đủ khó hiểu - đôi khi bạn thậm chí có thể cần các phiên bản Angular khác nhau cho các dự án khác nhau!

CLI là viết tắt của Command Line Interface. Giao diện đơn giản là một chương trình máy tính khác (Dòng lệnh), cho phép con người tương tác với nó bằng các lệnh văn bản (ví dụ).

Gói angle / cli chứa mã cho công cụ dòng lệnh Angular của mình! Vì vậy, khi chúng ta chạy angle-cli trong một thư mục có ứng dụng Angular trong đó, công cụ dòng lệnh này sẽ làm được điều kỳ diệu của nó.


Sau khi cài đặt, hãy chạy lệnh này để kiểm tra phiên bản Angular mà bạn đã cài đặt. Ng là tên viết tắt của Angular. Ng đã được giới thiệu với việc phát hành phiên bản 1.0. Bạn có thể tìm thấy Ng ở nhiều nơi như bình luận mã nguồn, hướng dẫn trực tuyến, v.v.

$ ng -v
Bạn sẽ nhận được kết quả sau. Giờ đây, bạn có thể mở IDE yêu thích của mình và phát triển nhiều thứ tuyệt vời bằng cách sử dụng khung công tác Angular. Đây là cách bạn cài đặt Angular trên Ubuntu 20.04.


Trong hướng dẫn này, mình đã cài đặt Angular trên Ubuntu GNU / Linux bằng NVM và Node.js. Mình cũng đã kiểm tra phiên bản Angular mà bạn vừa cài đặt bằng lệnh ng.

Vui lòng để lại cho mình phản hồi của bạn trong phần nhận xét bên dưới nếu bạn thích những gì bạn đã đọc hoặc thậm chí nếu bạn không thích.