Nền tảng JavaScript có thể truy cập miễn phí để tạo ứng dụng động được gọi là Angular.js. Nó cho phép bạn thể hiện từng khía cạnh của ứng dụng một cách nhanh chóng và rõ ràng bằng cách mở rộng cú pháp của HTML khi được sử dụng làm ngôn ngữ mẫu của bạn. Nó cung cấp một bộ công cụ để viết, cập nhật và kiểm tra mã. Nó cung cấp rất nhiều khả năng bao gồm định tuyến và quản lý biểu mẫu. Hướng dẫn này thảo luận về phương pháp cài đặt Angular trên Ubuntu 24 bằng cách cài đặt Node.js.
Cập nhật và nâng cấp hệ thống
Trước khi chuyển sang cài đặt, trước tiên hãy xem qua bản cập nhật hệ thống. Cần phải cập nhật hệ thống Ubuntu 24 vì nó phải có hiệu lực đối với các bản cài đặt mới mà không gặp bất kỳ sự cố nào trong thời gian ngắn. Vì vậy, chúng tôi sử dụng hướng dẫn cập nhật và nâng cấp trong một lệnh duy nhất được thực thi với sự trợ giúp của tiện ích “apt”.
Cập nhật Sudo apt && sudo nâng cấp thích hợp
Sau khi thực hiện hướng dẫn này, hệ thống sẽ phân bổ không gian đã đặt cho quá trình nâng cấp và cập nhật và yêu cầu bạn xác nhận bằng cách nhấn vào “y” hoặc “n”. Do đó, bạn phải nhấn “y” để hoàn tất quá trình cập nhật này như được mô tả sau đây. Sau một thời gian, hệ thống của chúng ta sẽ được cập nhật và nâng cấp thành công.
Cài đặt phụ thuộc
Việc cài đặt Angular và Node.js còn phụ thuộc vào một số tiện ích khác. Những phần phụ thuộc này bao gồm git, wget, Curl và nhiều thứ khác. Vì vậy, chúng ta cần cài đặt trước các phụ thuộc đó. Để cài đặt các phần phụ thuộc đó, chúng tôi sử dụng cùng một tiện ích “apt” trong trình bao lệnh và đợi cho đến khi tất cả các phần phụ thuộc được cài đặt thành công.
sudo thích hợp cài đặt cuộn tròn gnupg2 gnupg git quên -Và
Cài đặt Node.js
Các ứng dụng Angular không thể hoạt động nếu không có Node.js, đây là yêu cầu chính. Do đó, cần phải cài đặt Node.js trước khi chuyển sang cài đặt Angular trên Ubuntu 24. Ngoài ra, Node.js yêu cầu tiện ích dòng lệnh NVM để cài đặt. Vì vậy, chúng tôi sử dụng tiện ích “curl” trong terminal shell để cài đặt tiện ích NVM trước từ kho lưu trữ Github chính thức. Bạn có thể thấy rằng sau khi thực hiện lệnh này, tiện ích NVM đã được tải xuống và cài đặt.
Sudo cuộn tròn https: // raw.githubusercontent.com / sáng tạoix / nvm / bậc thầy / cài đặt.sh | đánh đập
Bây giờ, việc kích hoạt môi trường NVM trên hệ thống Ubuntu 24 Linux cũng là điều cần thiết. Vì vậy, chúng tôi chạy tệp “bashrc” bằng lệnh nguồn để hệ thống có thể nhận được tác dụng của tiện ích NVM mới cài đặt và thiết lập môi trường.
Nguồn ~ / .bashrc
Sau khi tạo môi trường, hệ thống Ubuntu 24 đã sẵn sàng để cài đặt Node.js. Để làm điều này, chúng tôi sử dụng tiện ích “nvm” mới được cài đặt trong hướng dẫn cài đặt được sử dụng trong shell terminal. Sử dụng hướng dẫn này, chúng tôi cài đặt phiên bản Node.js 18 mới nhất trên hệ thống Ubuntu của mình. Ngoài ra, công cụ NVM còn cài đặt trình quản lý gói nút cùng với Node.js. Quá trình xử lý bắt đầu bằng cách tải xuống và cài đặt phiên bản nút 18.19.1 từ trang web chính thức. Sau đó, nó tính toán tổng kiểm tra và tạo bí danh mặc định.
nvm cài đặt 18
Sau khi cài đặt thành công Node.js, chúng tôi cần xác minh rằng nó đã được cài đặt và gắn vào hệ thống của chúng tôi. Để làm được điều đó, chúng ta cần kiểm tra phiên bản đã cài đặt của nó bằng lệnh “version” bắt đầu bằng từ khóa “node”. Ngoài ra, hướng dẫn cài đặt NVM trước đó đã cài đặt NPM (Trình quản lý gói nút) cùng với Node.js. Vì vậy, chúng ta cũng phải tìm phiên bản NPM. Đầu ra của cả hai lệnh hiển thị các phiên bản như được mô tả trong hình ảnh đính kèm sau:
Nút -TRONGNpm -TRONG
Cài đặt CLI góc
Đã đến lúc thực hiện các bước cuối cùng để cài đặt giao diện dòng lệnh Angular sau khi cài đặt tất cả các phần phụ thuộc bao gồm NPM và Node.js. Để làm điều này, chúng tôi sử dụng NPM (trình quản lý gói nút) trong terminal shell của Ubuntu 24.
Bạn có thể sử dụng quyền sudo để thực hiện hướng dẫn cài đặt này. Lệnh này bao gồm liên kết đến gói chính thức của Angular CLI. Cờ “—location” được đặt để thêm Angular CLI ở cấp độ toàn cầu cho hệ thống Ubuntu 24 mà tất cả người dùng trong nền tảng hiện tại đều có thể truy cập được.
Npm cài đặt @ góc cạnh / cli – vị trí =toàn cầu
Sẽ rất hữu ích nếu bạn đợi một lúc cho đến khi quá trình xử lý Angular CLI hoàn tất. Sau một số quá trình xử lý, các gói Angular CLI đã được thêm và cài đặt thành công. Đổi lại, bạn sẽ nhận được kết quả được mô tả sau trên màn hình thiết bị đầu cuối có 232 gói được thêm vào trong 2 phút:
Bây giờ là lúc xác minh việc cài đặt Angular CLI. Nó đi kèm với lệnh “ng” giúp thực hiện các lệnh trên Angular CLI. Vì vậy, hãy tìm phiên bản đã cài đặt của lệnh “ng”. Sau khi trả lời một số câu hỏi khi thực thi lệnh phiên bản này, chúng ta sẽ nhận được kết quả đầu ra sau cũng chứa thông tin liên quan đến phiên bản Angular, Node, NPM và OS. Ngoài ra còn có màn hình hiển thị thông tin liên quan đến các gói và phiên bản đã cài đặt của chúng ở cuối.
Của phiên bản
Tạo một ứng dụng góc
Đã đến lúc sử dụng Angular CLI để tạo một ứng dụng Angular mới trên Ubuntu 24. Giống như cách chúng ta sử dụng lệnh “ng” để kiểm tra phiên bản Angular CLI, chúng ta cũng sẽ sử dụng nó để tạo một ứng dụng mới có tên “test” với Từ khóa “mới”. Việc thực hiện diễn ra với một số câu hỏi được đặt ra. Sẽ rất hữu ích nếu bạn trả lời những câu hỏi đó theo sở thích của mình và các gói cho ứng dụng mới của bạn sẽ được cài đặt thành công.
Mới Bài kiểm tra
Sau một thời gian, một ứng dụng Angular mới có tên “test” được tạo. Một thư mục “kiểm tra” mới được tạo trong thư mục làm việc của chúng tôi như được mô tả bằng đầu ra đính kèm sau:
Sau khi tạo một ứng dụng Angular “thử nghiệm”, chúng ta cũng cần chạy nó. Để làm được điều đó, hãy di chuyển trong thư mục “test” và sử dụng tiện ích “ng” để thực thi lệnh “phục vụ”.
Đĩa CD Bài kiểm traphục vụ
Bạn cũng có thể sử dụng lệnh tương tự để đặt cổng 4200 cho tất cả giao diện hệ thống bằng cách đặt máy chủ là 0.0.0.0.
Của phục vụ –host 0.0.0.0 –port 4200
Phần kết luận
Hướng dẫn này trình bày cách sử dụng môi trường Angular để tạo bất kỳ ứng dụng nào. Để ủng hộ ý tưởng này, chúng tôi đã trình diễn phương pháp cài đặt Angular trên Ubuntu 24 sau khi cài đặt và cấu hình Node.js và NPM. Cuối cùng, chúng tôi đã xây dựng cách tạo ứng dụng Angular trong Ubuntu 24 bằng cách sử dụng Angular CLI.