Cài đặt mã nodejs Visual Studio
|
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. Show
Để 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ócTrướ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. 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à NPMCá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. Cài đặt Visual Studio Code IDECó 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 Cách cài đặt Nút. js trong Mã Visual Studio?Trong Visual Studio, đi tới Công cụ > Nhận Công cụ và Tính năng. Trong Trình cài đặt Visual Studio, hãy chọn Nút. khối lượng công việc phát triển js và chọn Sửa đổi để tải xuống và cài đặt khối lượng công việc .
Làm cách nào để cài đặt nút và npm trong mã phòng thu trực quan?Để cài đặt npm trên Mã VS. . Bấm Ctrl+P Viết ext install npm script runner Trên danh sách kết quả, hãy tìm npm 'npm commands for VS Code'. Npm này quản lý các lệnh. Nhấp vào Cài đặt, sau đó Tải lại mã VS để lưu các thay đổi Khởi động lại mã VS Trên Thiết bị đầu cuối tích hợp, Chạy 'npm install' Cách thêm nút. js trong mã phòng thu trực quan?Bạn có thể tìm thấy tiện ích mở rộng JavaScript bằng cách nhập JavaScript vào thanh tìm kiếm của chế độ xem tiện ích mở rộng . Ngoài ra, bạn có thể tìm các tiện ích mở rộng JavaScript bằng các thẻ. "nhãn. jav". Tìm kiếm thêm các tiện ích mở rộng trong Mã VS hoặc trong Thị trường. Ngoài ra, bạn có thể tìm kiếm Node.
Làm cách nào để cài đặt các mô-đun nút trong Visual Studio?Dành cho nút. js, cách dễ nhất để cài đặt các gói npm là thông qua cửa sổ cài đặt gói npm. Để truy cập cửa sổ này, nhấp chuột phải vào nút npm trong dự án và chọn Cài đặt gói npm mới . Trong cửa sổ này, bạn có thể tìm kiếm gói, chỉ định tùy chọn và cài đặt. |
