Thiết lập Android

Rosetta cho chip M1/M2/M3

Nếu bạn đang sử dụng máy Mac chip Apple Silicon (M1, M2, hoặc M3), vui lòng chạy lệnh sau:
sudo softwareupdate --install-rosetta --agree-to-license

Android Studio

Cài đặt trên macOS:

Tải xuống Android Studio và các công cụ dành cho ứng dụng tại: Android Developers

Cài đặt & Thiết lập Flutter

Lưu ý:
Tôi biết đây là bài hướng dẫn về React Native, nhưng chúng ta nên cài đặt Flutter để thiết lập các nền tảng như Android và iOS dễ dàng hơn. Flutter hỗ trợ việc cấu hình hệ thống rất tốt. Vì vậy, hãy cài đặt Flutter trước.
Cài đặt:
brew install --cask flutter
Cài đặt Android SDK Command-line Tools (bản mới nhất):
1.png
2.png
Mở Android Studio.
Vào SDK Manager và chọn cài đặt Android SDK Command-line Tools.
Chấp nhận bản quyền Android (Android Licenses):
flutter doctor --android-licenses
Thiết lập biến môi trường ANDROID_HOME:
Mở tệp .zshrc hoặc .bash_profile, sao chép và dán đoạn mã dưới đây vào tệp:
# android
export ANDROID_HOME=~/Library/Android/sdk
export PATH="$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/tools/bin:$ANDROID_HOME/platform-tools"

Thiết lập iOS

CocoaPods

Cài đặt:
sudo gem install drb -v 2.0.6
sudo gem install activesupport -v 6.1.7.7
gem install cocoapods --user-install
gem which cocoapods
Kiểm tra kết quả:
Đường dẫn thường sẽ là:
~/.gem/ruby/2.6.0/gems/cocoapods-1.15.2/lib/cocoapods.rb

Xcode

Cài đặt: Tải từ AppStore.
Chạy Xcode.
Chạy các lệnh sau:
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
Tạo trình giả lập (Simulator):
Mở Simulator: Vào Xcode -> Chọn Open Developer Tool -> Chọn Simulator.
3.png
Ghi chú: Cách tải phiên bản iOS cho trình giả lập
  • Mở Xcode.
  • Vào Xcode -> chọn Settings.
  • Chuyển sang tab Platforms.
  • Tải phiên bản iOS phù hợp cho từng nền tảng.
4.png

Các công cụ khác

Watchman

Cài đặt:
brew install watchman

VS-Code cho React Native

Các Extension (Tiện ích mở rộng) nên cài đặt:
  • React Native Tools: Hỗ trợ debug và chạy lệnh React Native.
  • Babel JavaScript: Hỗ trợ cú pháp Babel.
  • Flow Language Support: Hỗ trợ kiểm tra kiểu dữ liệu Flow.
  • ESLint: Kiểm tra lỗi cú pháp và định dạng code.
  • Prettier - Code formatter: Tự động định dạng code đẹp mắt.
Nguồn bài viết ryukato.github.io