Trong chương này chúng ta sẽ học cách thiết lập môi trường cho một dự án góc. Ở cuối chương này, bạn sẽ có thể cài đặt tất cả các công cụ tiên quyết cho một dự án góc cạnh. e. thiết lập nút. js, npm, IDE [Visual Studio Code], kiểm tra phiên bản, chạy javascript thử nghiệm thông qua lệnh nút, v.v.
Để bắt đầu tạo một dự án góc, chúng ta phải có nút. js, npm, Angular CLI và bất kỳ IDE nào như Web Storm, Visual Studio Code được cài đặt trên hệ thống. Trong chương này chúng ta sẽ học cách thiết lập các công cụ trên
Hiểu nút. JS, NPM và CLI góc
Trước khi bắt đầu, hãy xem những gì chúng ta hiểu từ các điều khoản trên. Để phát triển một dự án góc cạnh, chúng tôi cần tất cả các công cụ được đề cập ở trên. e. Nút. JS, NPM và CLI góc. Hãy xem định nghĩa từng cái một
nút là gì. là gì?
Nút. js là một môi trường thời gian chạy JavaScript mã nguồn mở. Nó chạy trên nhiều nền tảng khác nhau [Windows, Linux, Unix, Mac OS X, v.v. ] và đã sử dụng Javascript ở phía máy chủ. Nút. Môi trường thời gian chạy JS bao gồm mọi thứ bạn cần để thực thi một chương trình được viết bằng ngôn ngữ JavaScript. Với sự trợ giúp của Nút. JS, bạn có thể làm được nhiều hơn với JavaScript ngoài việc chỉ làm cho các trang web tương tác
NPM là gì?
NPM là Trình quản lý gói nút quản lý tất cả các phụ thuộc cần thiết để dự án chạy. Nó cài đặt tất cả các gói/mô-đun được xác định trước hoặc do người dùng xác định cần thiết để chạy một dự án
Góc CLI là gì?
Angular cli là giao diện dòng lệnh được sử dụng để dàn dựng và xây dựng các ứng dụng góc cạnh bằng cách sử dụng nút. mô-đun kiểu js [commonJs]. Angular CLI tận dụng tốt nhất các công cụ hiện có bằng cách kết hợp chúng lại với nhau. Nó không chỉ cung cấp cho bạn cấu trúc dự án có thể mở rộng, thay vào đó, nó xử lý tất cả các tác vụ tẻ nhạt thông thường cho bạn ngay lập tức
Cài đặt nút. JS và NPM
Để cài đặt nút. js làm theo các bước dưới đây. Bạn có thể tải xuống nút. js từ liên kết bên dưới.
URL. https. //nodejs. org/vi/tải xuống/
Nhấp vào liên kết trên. Bạn sẽ thấy nút. tùy chọn tải xuống js. Nên tải phiên bản LTS
Chọn tùy chọn theo thông số kỹ thuật hệ thống của bạn và lưu trình cài đặt. đối với hướng dẫn này, chúng tôi đang tải xuống. phiên bản msi cho cửa sổ 64-bit. phiên bản nút là 8. 11. 1
Sau khi tải xuống hoàn tất, nhấp vào trình cài đặt
Một thuật sĩ mở ra. Làm theo hướng dẫn và hoàn tất thiết lập. Chúng tôi sẽ đi với các tùy chọn mặc định
Quá trình cài đặt đang diễn ra
Nút. Cài đặt Js hoàn tất. Xin lưu ý rằng NPM cài đặt tự động cùng với nút. cài đặt js
Bây giờ bạn nên xác minh xem quá trình cài đặt đã hoàn tất thành công hay chưa. Mở dấu nhắc lệnh [nếu đã mở, vui lòng đóng và mở lại] và kiểm tra phiên bản của nút. js với lệnh node -v và npm với lệnh npm -v. Các lệnh này sẽ cung cấp cho bạn chi tiết phiên bản cho nút và npm tương ứng
Bạn cũng có thể kiểm tra lệnh nút bằng cách tạo đơn giản. js và thực thi nó thông qua lệnh nút. Tạo bài kiểm tra. js và thêm các dòng bên dưới
console.log["Hello Dev! We are testing node.js"];
Chạy kiểm tra nút lệnh. js. Kiểm tra nút lệnh. js sẽ thực thi kết quả như hình bên dưới
Cập nhật Node và NPM
Các phiên bản mới của Node và NPM thường xuyên ra mắt. Một cách đơn giản để cài đặt bản cập nhật nút và npm là chỉ cần tải xuống trình cài đặt từ Nodejs. org và chạy lại. Phiên bản mới của Node và NPM sẽ tự động thay thế các phiên bản cũ hơn
Cài đặt CLI góc
Để cài đặt CLI góc, gõ lệnh npm install -g @angular/cli. Có thể mất chút thời gian [5-10 phút] để hoàn tất cài đặt
Nó luôn cài đặt góc ổn định mới nhất. Ở đây nó sẽ cài đặt góc 6
Cài đặt hoàn tất
Sau khi CLI được cài đặt thành công, chúng ta có thể kiểm tra phiên bản của nó thông qua lệnh ng -v.
Chạy lệnh ng -v để kiểm tra phiên bản cli góc. Nó sẽ hiển thị phiên bản Angular CLI và Node.
Cài đặt Visual Studio Code IDE
Có rất nhiều IDE có sẵn để bắt đầu phát triển góc cạnh như WebStorm, Visual Studio Code, Atom Editor, Brackets, v.v. Chúng tôi đã chọn Visual Studio Code làm tùy chọn. Nó có sẵn miễn phí và có nhiều chức năng phong phú. Nó có thể được tải xuống từ liên kết này. https. //mã số. Visual Studio. com/tải xuống. Tải xuống trình cài đặt và làm theo hướng dẫn để tiếp tục
Trình hướng dẫn thiết lập sẽ mở ra. nhấp vào tiếp theo để bắt đầu. Bạn có thể tiếp tục với các tùy chọn mặc định
Quá trình cài đặt đang diễn ra
Cài đặt hoàn tất
Cho đến thời điểm này bạn có nút. js, npm, CLI góc cạnh và IDE được cài đặt để bắt đầu bước tiếp theo. Trong các chương tiếp theo, chúng ta sẽ cố gắng tạo một dự án và tìm hiểu các khái niệm cơ bản về góc