Giỏ hàng

React Native Cơ bản

Trang Chủ
Bài 1: Cài đặt môi trường cho React – Native
10/05/20 Lượt xem: 458

Bài 1: Cài đặt môi trường cho React – Native

-- oOo --

Cài ổn trên Win 10

I/ Cài đặt môi trường

B1/ Cài đặt Chocolatey

- chạy CMD với quyền admin và copy dòng lệnh sau để cài đặt Chocolatey

@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "[System.Net.ServicePointManager]::SecurityProtocol = 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

 

Hoặc tham khảo cài choco tại: https://chocolatey.org/install

Cài xong kiểm tra phiên bản choco bằng lệnh: choco -?

B2/ Cài đặt Node, Python2, JDK

- chạy CMD với quyền admin và copy dòng lệnh sau để cài đặt

>>> choco install -y nodejs.install python2 jdk8

B3/ Cài đặt Android Studio

Tải ứng dụng tại: https://developer.android.com/studio

- Khi cài nhớ chọn Custom để nhúng các thư viện

- Android SDK

- Android SDK Platform

- Performance (Intel ® HAXM) (See here for AMD)

- Android Virtual Device

Tiếp theo cài: React Native CLI (CLI-command line interface)

Chạy lệnh CMD sau để cài đặt React Native CLI: 

npm install -g react-native-cli 

B4/ Sau khi cài xong vào cấu hình môi trường chạy react-native

mở Android Studio Vào mục Configure > SDK Manager

Tìm đến Android 6.0 (Marshmallow) chọn các mục dưới đây để tải về:

- Google APIs

- Android SDK Platform 23

- Intel x86 Atom_64 System Image

- Google APIs Intel x86 Atom_64 System Image

Tiếp, chọn tab "SDK Tools" ấn "Show Package Details", vào "Android SDK Build-Tools" chọn bản 23.0.1

Chọn "Apply" để bắt đầu tải và cài đặt Android SDKBuild Tools

Cấu hình ANDROID_HOME cho Windows

Để React Native build app bạn phải chỉ định chỗ bạn cài Android Sdk ở đâu. Bạn làm theo hướng dẫn sau

Thường thì SDK sẽ được cài ở: c:\Users\YOUR_USERNAME\AppData\Local\Android\Sdk

YOUR_USERNAME: Thay băng tài khoản đăng nhập máy của bạn.

II/ Tạo Project

Bạn mở CMD và gõ lệnh sau: cd documents để chuyển vào thư mục documents

npx react-native init HelloProject

Trong đó HelloProject là tên project được tạo ra

III/ Sử dụng máy ảo Android

Mở "AVD Manager" trong Android Studio Chọn "Create Virtual Device..."

Chọn máy ảo sẳn có > Edit

Chọn Change (thứ 2)

Chuyển qua tab x86 images > chọn theo hình

Sau khi edti xong lưu lại > click vào nút màu xanh để khỏi động máy ảo

Máy ảo đang khỏi động

Tiếp theo vào CMD gõ các dòng lênh sau

Máy ảo khỏi động lên như hình là bạn đã cài thành công

II/ Cài visual code

 Download phần mềm tại địa chỉ : https://code.visualstudio.com/

Sau khi cài xong mở phần mềm lên rồi vào File > Open Folder > trỏ tới dự án vừa tạo ở trên 

Tin liên quan

Xem tất cả

Quan tâm

Xem tất cả
1
Bạn cần hỗ trợ?