Cách cài đặt Angular CLI trên CentOS 8

[theanh]

Angular là một khuôn khổ phát triển ứng dụng mã nguồn mở phổ biến. Nó có khả năng mở rộng cao và được sử dụng để phát triển các ứng dụng di động và web bằng TypeScript/JavaScript. Nó được thiết kế để xây dựng các ứng dụng từ nhỏ đến lớn từ đầu. Nó cung cấp một tiện ích Angular CLI để tạo, quản lý, xây dựng và thử nghiệm các ứng dụng Angular..

Trong bài đăng này, chúng tôi sẽ chỉ cho bạn cách cài đặt Angular (CLI) trên CentOS 8.

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

• Một máy chủ chạy CentOS 8.
• Mật khẩu gốc được cấu hình trên máy chủ của bạn.

Cài đặt Node.js​

Để cài đặt Angular, Node.js phải được cài đặt trên máy chủ của bạn. Nếu chưa cài đặt, bạn có thể cài đặt bằng lệnh sau:

curl -sL https://rpm.nodesource.com/setup_14.x | bash -
dnf install nodejs -y

Sau khi cài đặt hoàn tất, hãy xác minh phiên bản Node.js đã cài đặt bằng lệnh sau:

node --version

Đầu ra:

v14.16.1

Bạn cũng có thể xác minh phiên bản NPM bằng lệnh sau:

npm --version

Đầu ra:

6.14.12

Cài đặt Angular/CLI​

Bây giờ, bạn có thể cài đặt Angular/CLI bằng cách chạy lệnh sau:

npm install -g @angular/cli

Sau khi cài đặt, hãy xác minh phiên bản Angular/CLI đã cài đặt bằng lệnh sau:

ng --version

Bạn sẽ nhận được đầu ra sau:

_ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / ? \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/Angular CLI: 11.2.7Node: 14.16.1OS: linux x64Angular:...Ivy Workspace:Phiên bản gói------------------------------------------------------@angular-devkit/architect 0.1102.7 (chỉ dành cho cli)@angular-devkit/core 11.2.7 (chỉ dành cho cli)@angular-devkit/schematics 11.2.7 (chỉ dành cho cli)@schematics/angular 11.2.7 (chỉ dành cho cli)@schematics/update 0.1102.7 (chỉ dành cho cli)

Tạo ứng dụng bằng Angular​

Angular/CLI cung cấp một cách dễ dàng hơn để tạo và triển khai ứng dụng trong môi trường sản xuất và cục bộ.

Để tạo ứng dụng mới có tên hello-world, hãy chạy lệnh sau:

ng new hello-world

Sau khi ứng dụng được tạo, hãy thay đổi thư mục thành hello-world và khởi chạy ứng dụng bằng lệnh sau:

cd hello-world
ng serve

Bạn sẽ thấy đầu ra sau:

** Angular Live Development Server đang lắng nghe trên localhost:4200, hãy mở trình duyệt của bạn trên http://localhost:4200/ **? Đã biên dịch thành công.? Hoàn tất quá trình tạo gói ứng dụng trình duyệt.Tệp Chunk ban đầu | Tên | Kích thướcstyles.css | styles | 119 byte4 khối không thay đổiXây dựng tại: 2021-04-07T05:56:55.420Z - Băm: 7af40beb75c73ecdc1c9 - Thời gian: 523ms? Đã biên dịch thành công.

Như bạn thấy, ứng dụng của bạn đã được khởi động và lắng nghe trên cổng 4200 trên locahost.

NhấnCTRL+C để dừng ứng dụng.

Nếu bạn muốn khởi chạy ứng dụng của mình trên một địa chỉ IP hoặc cổng cụ thể, hãy chạy lệnh sau:

ng serve --host 0.0.0.0 --port 3000

Bạn sẽ nhận được kết quả sau:

Tệp khối ban đầu | Tên | Kích thướcvendor.js | vendor | 2,69 MBpolyfills.js | polyfills | 128,74 kBmain.js | main | 56,94 kBruntime.js | runtime | 6,15 kBstyles.css | styles | 119 byte | Tổng số ban đầu | 2,87 MBXây dựng tại: 2021-04-07T05:58:19.494Z - Hash: d50a7bd2c684713d3b6b - Thời gian: 11348ms** Angular Live Development Server đang lắng nghe trên 0.0.0.0:3000, hãy mở trình duyệt của bạn trên http://localhost:3000/ **? Đã biên dịch thành công.

Truy cập ứng dụng Angular​

Lúc này, ứng dụng Angular của bạn đã được khởi động và lắng nghe trên cổng 3000 trên tất cả các giao diện mạng. Bây giờ bạn có thể truy cập bằng URL http://your-server-ip:3000. Bạn sẽ thấy ứng dụng của mình ở trang sau:

Kết luận​

Xin chúc mừng! Bạn đã cài đặt thành công Angular trên CentOS 8. Bây giờ bạn có thể bắt đầu xây dựng ứng dụng đầu tiên của mình bằng Angular và triển khai nó trên môi trường sản xuất.