Angular CLI - Thiết lập môi trường

Để làm việc với Angular CLI, chúng ta cần cài đặt Node trên hệ thống của mình.

Tải xuống kho lưu trữ Node.js

Tải xuống phiên bản mới nhất của tệp lưu trữ có thể cài đặt Node.js từ Node.js Downloads . Tại thời điểm viết hướng dẫn này, sau đây là các phiên bản có sẵn trên các hệ điều hành khác nhau.

Hệ điều hành	Tên lưu trữ
các cửa sổ	node-v6.3.1-x64.msi
Linux	node-v6.3.1-linux-x86.tar.gz
Mac	node-v6.3.1-darwin-x86.tar.gz
SunOS	node-v6.3.1-sunos-x86.tar.gz

Cài đặt trên UNIX / Linux / Mac OS X và SunOS

Dựa trên kiến trúc hệ điều hành của bạn, hãy tải xuống và giải nén nút lưu trữ-v6.3.1-osname.tar.gz vào / tmp, và cuối cùng di chuyển các tệp đã giải nén vào thư mục / usr / local / nodejs. Ví dụ:

$ cd /tmp
$ wget http://nodejs.org/dist/v6.3.1/node-v6.3.1-linux-x64.tar.gz
$ tar xvfz node-v6.3.1-linux-x64.tar.gz
$ mkdir -p /usr/local/nodejs
$ mv node-v6.3.1-linux-x64/* /usr/local/nodejs

Thêm / usr / local / nodejs / bin vào biến môi trường PATH.

Hệ điều hành	Đầu ra
Linux	xuất PATH = $ PATH: / usr / local / nodejs / bin
Mac	xuất PATH = $ PATH: / usr / local / nodejs / bin
FreeBSD	xuất PATH = $ PATH: / usr / local / nodejs / bin

Cài đặt trên Windows

Sử dụng tệp MSI và làm theo lời nhắc để cài đặt Node.js. Theo mặc định, trình cài đặt sử dụng bản phân phối Node.js trong C: \ Program Files \ nodejs. Trình cài đặt nên đặt thư mục C: \ Program Files \ nodejs \ bin trong biến môi trường PATH của window. Khởi động lại mọi lời nhắc lệnh đang mở để thay đổi có hiệu lực.

Xác minh cài đặt: Thực thi một tệp

Tạo một tệp js có tên main.js trên máy của bạn (Windows hoặc Linux) có mã sau.

/* Hello, World! program in node.js */
console.log("Hello, World!")

Bây giờ thực thi tệp main.js bằng trình thông dịch Node.js để xem kết quả:

$ node main.js

Nếu mọi thứ đều ổn với quá trình cài đặt của bạn, điều này sẽ tạo ra kết quả sau:

Hello, World!

Bây giờ Node đã được cài đặt, hãy chạy lệnh sau để cài đặt Angular CLI.

Hãy để chúng tôi sử dụng lệnh sau cho cùng một:

npm install -g @angular/cli

Xác minh cài đặt

Bây giờ hãy chạy lệnh sau để xem kết quả:

$ ng --version

Nếu mọi thứ đều ổn với quá trình cài đặt của bạn, điều này sẽ tạo ra kết quả sau:

_                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / ? \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 9.1.0
Node: 12.16.1
OS: win32 x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.901.0
@angular-devkit/core         9.1.0
@angular-devkit/schematics   9.1.0
@schematics/angular          9.1.0
@schematics/update           0.901.0
rxjs                         6.5.4

Trên Windows, trong trường hợp không được nhận dạng là lệnh nội bộ hoặc lệnh bên ngoài, hãy cập nhật biến đường dẫn hệ thống để bao gồm đường dẫn sau.

C:\Users\<User Directory>\AppData\Roaming\npm