Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>mobile-helperNew to Visual Studio Code? Get it now.
mobile-helper

mobile-helper

conghai

|
10 installs
| (0) | Free
mobile-helper
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

📱 Mobile Helper

Mobile Helper là một extension hỗ trợ lập trình viên React Native làm việc nhanh hơn trong VS Code. Extension này cung cấp snippet, lệnh nhanh, và mẫu code tái sử dụng để giúp bạn khởi tạo và phát triển ứng dụng React Native hiệu quả hơn.


🚀 Tính năng

  • 🔹 Snippets tiện lợi cho các component React Native thường dùng (View, Text, Button, v.v.)
  • 🔹 Mẫu trang Expo Router: tạo nhanh các trang như Form, Detail, Sync, Item, DbConfig chỉ với 1 prefix.
  • 🔹 Cấu trúc đặt tên chuẩn hóa giúp dự án React Native gọn gàng hơn.
  • 🔹 Tối ưu hóa quy trình dev bằng cách giảm thao tác lặp lại khi tạo file mới.

Ví dụ:

Prefix Snippet tạo ra
root Trang gốc RootPage
layout Layout toàn app
sync Trang đồng bộ dữ liệu SQLite – API
form Trang form thêm/sửa Workout
detail Trang chi tiết Workout
item Component hiển thị 1 Workout
trash Trang dữ liệu bị xóa
home Trang list item chính
dbconfig File cấu hình SQLite CRUD

⚙️ Yêu cầu

Extension hoạt động tốt trên:

  • Node.js ≥ 18
  • VS Code ≥ 1.80
  • Dự án React Native (Expo hoặc CLI)

Nếu bạn sử dụng Expo, nên cài thêm:

npm install expo expo-router react-native-paper expo-sqlite

🧩 Cấu hình Extension

Extension không cần cấu hình phức tạp. Tuy nhiên, bạn có thể bật/tắt snippet bằng setting:

"mobile-helper.enableSnippets": true

🐞 Các vấn đề đã biết

  • Khi dùng trong dự án TypeScript, snippet có thể cần sửa lại đường dẫn import cho phù hợp (@/config/sqlite, @/type, ...).

📝 Ghi chú phát hành

1.0.0

✨ Initial release — hỗ trợ snippets cho các thành phần React Native phổ biến:

  • RootPage
  • WorkoutSyncPage
  • WorkoutForm
  • WorkoutDetail
  • WorkoutItem
  • SQLite Config

💡 Mẹo

  • Gõ prefix (ví dụ form, sync, item, ...) rồi nhấn Tab để chèn snippet.
  • Bạn có thể gõ "mobile-helper" trong VS Code Extension search để cài đặt.

🔗 Tham khảo thêm

  • React Native Documentation
  • Expo Router Docs
  • VS Code Snippet Guide

Enjoy faster React Native development with 🚀 Mobile Helper!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft