Cài đặt môi trường lập trình IONIC trên Windows

Bài viết này viết một cách ngắn gọn về cài đặt môi trường để phát triển các dự án ionic trên môi trường hệ điều hành Windows. Các thành phần cần cài đặt bao gồm:

  1. Cài đặt Node.js (bao gồm Node and NPM).
  2. Cài đặt ioniccordova
  3. Cài đặt Java SDK (Nếu máy đã cài sẵn thì bỏ qua bước này).
  4. Cài Android SDK Gradle
  5. Cài đặt các biến môi trường ANDROID_HOMEJAVA_HOMEGRADLE_HOME.
  6. Cài IDE để code (Có thể sử dụng bất cứ IDE nào, riêng tôi chọn visual code hoặc visual studio)

Nào cùng vào chi tiết cài đặt từng phần.

1. Cài đặt Node.js

– Tải file cài đặt Node.js tại https://nodejs.org/

– Chạy file tải về để cài đặt. Cứ yes, next, agree cho đến khi có nút Finish cho mình bấm thì bấm vô đó là đã cài đặt xong Node.js.

2. Cài đặt ionic và cordova

npm install -g ionic cordova

3. Cài Java SDK

– Tải bản cài đặt JDK 8 64bit (8u191) về máy.

– Chạy file vừa tải về để cài đặt. Vẫn cứ theo kiểu yes, next, agree để cài nhé!

– Khi cài thành công bạn vào Start \ Control Panel \ Programs sẽ thấy biểu tượng java như hình (Windows 7 hình 1; Windows 10 hình 2):

Hình 1. Java đã được cài đặt trên windows 7
Hình 2. Java đã được cài đặt trên windows 10

4. Cài Android SDK và Gradle

– Để cài Android SDK và Gradle các bạn truy cập địa chỉ: https://developer.android.com/studio?hl=vi#downloads

– Sau đó thực hiện tải 2 thành phần này về máy (Xem  hình bên dưới).

Hình 3. Tải Gradle và Android SDK

– Khi đã tải xong, bạn giải nén 2 file vừa tải vào ổ cứng máy tính (vị trí tùy ý bạn chọn).

5. Cài các biến môi trường

Vào Control Panel\System and Security\System, sau đó thực hiện cài các biến môi trường sau:

  • ANDROID_HOME: Đường dẫn đến thư mục android sdk đã cài đặt;
  • JAVA_HOME: Đường dẫn đến thư mục java sdk đã cài đặt;
  • GRADLE_HOME: Đường dẫn đến thư mục thư viện gradle trên máy tính.

Cách thức cài đặt cụ thể cho windows 7 và windows 10 như sau:

* Đối với windows 7

Hình 4. Cài các biến môi trường trên windows 7

* Trên windows 10

Hình 5. Cài các biến môi trường trên windows 10

Còn phần IDE các bạn sử dụng công cụ nào cũng được (notepad, notepad++, visual code, visual studio,..).

Hy vọng hữu ích với bạn!

Nosomovo

Chia sẻ lên
WEB5k - Thiết kế website giá rẻ chuẩn SEO