ANGULAR 4X
CÁC CHỦ ĐỀ
BÀI MỚI NHẤT
MỚI CẬP NHẬT

Angular 4 - Cài đặt môi trường

Trong bài này mình sẽ hướng dẫn các bạn cài đặt một số phần mềm để phục vụ việc học lập trình Angular 4 như NodeJS, NPM, Angular CLI.

Để cài đặt Angular 4, ta cần một số thứ như sau:

banquyen png
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.
  • NodeJS
  • npm (Node package manager - trình quản lý các package)
  • Angular CLI
  • IDE để viết code

Một lưu ý nhỏ đó là phiên bản của NodeJS phải từ bản 4 trở lên (bản stable hiện tại là 8.11.2) và phiên bản NPM phải là phiên bản 3 trở lên.

1. Cài đặt NodeJS

Cài theo hướng dẫn ở trang chủ Nodejs. Khá đơn giản, chỉ cần download về và bấm next. Hoặc bạn có thể xem ở bài hướng dẫn cài đặt Nodejs.

Sau khi cài xong, bạn cần kiểm tra quá trình cài đặt có thành công hay không bằng cách gõ node -v ở màn hình command line.

Kiểm tra phiên bản NodeJS bằng command line

2. Cài đặt NPM

Cài được NodeJS thành công, máy bạn sẽ tự có npm (tức npm đã được cài đặt),

Để kiểm tra phiên bản npm, bạn gõ npm -v

Kiểm tra phiên bản NPM trên command line

3. Cài đặt Angular CLI

CLI là viết tắt command-line interface (interpreter), hiểu đơn giản nó là biến môi trường, khi cài đặt rồi thì window mới hiểu đoạn command đó. Ví dụ bạn gõ node -v thì từ khóa node được coi là node CLI

Để cài đặt Angular CLI thì bạn gõ npm -g @angular/cli trong màn hình command line.

Mẹo: -g ở đây là flag global, là tùy chọn toàn cục. Trong npm, khi bạn thêm -g khi cài đặt 1 package thì package đó được cài đặt toàn cục.

Cài đặt angular 4 trên command line

Chờ khoảng vài phút, tiến trình cài đặt hoàn tất.

Để kiểm tra, bạn gõ ng -v trên cửa sổ command line. Nếu hiển thị như bên dưới là bạn đã cài đặt thành công Angular CLI.

Kiểm tra Angular 4 CLI đã cài đặt thành công hay chưa

4. Lựa chọn IDE

IDE thì bạn có thể sử dụng IDE tùy thích. Có thể là WebStorm, Atom, VS Code, Netbean, ... hoặc thậm chí là notepad vẫn được. Tuy nhiên thì tớ khuyến khích bạn nên sử dụng VS Code vì nó nhẹ, dễ sử dụng, hiển thị cũng dễ nhìn.

OK. Đến đây thì xin chúc mừng, bạn đã leo được một phần ba đường lên đỉnh Angular 4 :D

Ở bài sau, chúng ta sẽ học về cách khởi tạo project Angular.

Cùng chuyên mục:

Thiết lập project với Angular 6

Thiết lập project với Angular 6

Ở bài trước, chúng ta đã tìm hiểu cách cài đặt môi trường cũng như…

Cài đặt môi trường cho Angular 6

Cài đặt môi trường cho Angular 6

Ở bài trước, chúng ta đã tìm hiểu vì sao chọn Angular, Angular 6 là…

Giới thiệu Angular 6x

Giới thiệu Angular 6x

Xin giới thiệu với các bạn tổng quan tất cả các bài viết học về…

Ứng dụng single page Angular 4

Ứng dụng single page Angular 4

Trong bài học này, chúng ta sẽ thực hành tạo một ứng dụng single page…

Angular 4 CLI

Angular 4 CLI

Trong bài này, chúng ta cùng tìm hiểu về Angular CLI, cách cài đặt và…

Angular 4 Material

Angular 4 Material

Trong bài này, chúng ta sẽ tìm hiểu về material - các thành phần được…

Animation trong Angular 4

Animation trong Angular 4

Trong bài này, chúng ta sẽ tìm hiểu về animation trong Angular 4.

Form trong Angular 4

Form trong Angular 4

Ở bài này, chúng ta sẽ tìm hiểu về form trong Angular 4, 2 cách…

Http service trong Angular 4

Http service trong Angular 4

Trong bài này, chúng ta sẽ tìm hiểu về http service trong Angular 4.

Service trong Angular 4

Service trong Angular 4

Trong bài này, chúng ta sẽ tìm hiểu về service trong Angular 4

Routing trong Angular 4

Routing trong Angular 4

Trong bài này, chúng ta sẽ tìm hiểu về routing - cơ chế kiểm soát…

Pipe trong angular 4

Pipe trong angular 4

Trong bài này, chúng ta sẽ tìm hiểu về pipe trong Angular 4.

Directive trong Angular 4

Directive trong Angular 4

Ở bài này, chúng ta sẽ tìm hiểu về directive trong Angular 4, cách tạo…

Template trong Angular 4

Template trong Angular 4

Ở bài này, chúng ta sẽ tìm hiểu về template trong Angular 4

Event binding trong Angular 4

Event binding trong Angular 4

Trong bài này, chúng ta sẽ tìm hiểu về event binding - cơ chế kiểm…

Data binding trong Angular 4

Data binding trong Angular 4

Trong bài này, chúng ta sẽ tìm hiểu về data binding - cơ chế lấy…

Module trong Angular 4

Module trong Angular 4

Ở bài này, chúng ta sẽ tìm hiểu về module trong Angular 4: cách khai…

Component trong Angular 4

Component trong Angular 4

Trong bài này, chúng ta sẽ tìm hiểu về component - thành phần được sử…

Tạo project Angular 4 đầu tiên

Tạo project Angular 4 đầu tiên

Ở bài này, chúng ta sẽ đi vào tìm hiểu cách tạo project Angular 4.

Tổng quan về Angular4

Tổng quan về Angular4

Trong bài này, chúng ta sẽ tìm hiểu tổng quan về Angular 4.

Top