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

TUYỂN ĐỐI TÁC HỢP TÁC PHÁT TRIỂN
Với mong muốn phát triể freetuts mạnh hơn nên mình tuyển đối tác. Xem tại đây!

Ở bài trước, chúng ta đã tìm hiểu vì sao chọn Angular, Angular 6 là gì và các version của Angular. Trong bài này, mình sẽ hướng dẫn chi tiết cách cài đặt môi trường cũng như công cụ lập trình trên hệ điều hành Windows. Đây là một bài khá quan trọng vì khi chúng ta muốn lập trình với bất kỳ loại ngôn ngữ nào thì trước tiên chúng ta cần phải cài đặt đầy đủ và cấu hình các yếu tố cần thiết mà ngôn ngữ đó yêu cầu.

Để học được Angular 6 chúng ta cần cài đặt:

  • Nodejs: version phải lớn hơn 8.11
  • Npm: version phải lớn hơn 5.6
  • Angular CLI: dùng những câu lệnh giúp tạo nhanh các components, services và modules.
  • IDE: Visual Studio Code hoặc Sublime Text để lập trình trên đó.

1. Nodejs

Đầu tiên, bạn cần kiểm tra xem nodejs đã cài đặt trong máy tính chưa. Bạn mở terminal (đối với windows: biểu tượng windows + r ), rồi gõ lệnh:

node –v

Kết quả nếu hiển thị như hình bên dưới:

checknodeversion PNG

Nếu kết quả không hiển thị version, thì bạn cần phải cài đặt nodejs theo đường dẫn của link: https://nodejs.org/en/download/ và cài đặt dựa vào hệ điều hành của bạn.

Khi nhấp vào link trên, trang chủ của nodejs hiện ra như hình bên dưới:

nodeweb PNG

2. Npm

Dựa trên hệ điều hành của bạn, cài đặt gói yêu cầu. Khi nodejs được cài đặt, npm cũng sẽ được cài đặt cùng với nó. Để kiểm tra xem npm có được cài đặt hay không, trong terminal hãy nhập:

npm -v

Kết quả hiển thị phiên bản của npm như sau:

npmversion PNG

3. Angular CLI

Cài đặt Angular 6 rất đơn giản với sự trợ giúp của Angular CLI. Truy cập trang chủ https://cli.angular.io/ của Angular. Kết quả truy cập sẽ được hiển thị như hình:

angularweb PNG

Để cài đặt Angular CLI cho hệ thống, gõ lệnh:

npm install -g @angular/cli

Sau khi nhập lệnh trên, kết quả hiển thị như hình sau:

install angular cli jpg

4. IDE

Sau khi cài đặt xong Angular CLI, các bạn có thể chọn bất cứ IDE nào. Ví dụ: Visual Studio Code, Sublime Text, WebStorm, Atom,…

5. Lời kết

Trong bài này, mình đã hướng dẫn các bạn cách cài đặt biến môi trường cũng như công cụ lập trình cho Angular 6. Đây là một bài rất quan trọng, là bước mở đầu rất cần thiết để tiến hành lập trình với Angular nên các bạn cố gắng làm được phần này. Bài tiếp theo, mình sẽ hướng dẫn các bạn cách thiết lập và chạy dự án. Các bạn cố gắng theo dõi nhé!

Bạn đang tìm Hosting / VPS để chạy dự án?

Hiện nay, Tinohost là một trong những nhà cung cấp Hosting tốt nhất Việt Nam. Với đội ngũ hỗ trợ nhanh chóng, giá cả phù hợp, nhiều dịch vụ miễn phí kèm theo như:

  • Hỗ trợ di chuyển dữ liệu
  • Cho dùng thử 7 ngày miễn phí
  • Tự động backup cho khách hàng (cả VPS cũng đc backup)

Sử dụng mã TINO30_2020 để được giảm 30% nhé

VÀO TINOHOST NGAY