Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Mobile in VSNew to Visual Studio Code? Get it now.
Mobile in VS

Mobile in VS

wagdye

|
13 installs
| (1) | Free
Preview your projects in mobile device view directly inside VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

📱 Mobile in VS - VS Code Extension

"Mobile in VS" is a powerful Visual Studio Code extension that allows you to preview your web projects in a mobile frame directly inside VS Code. Designed especially for front-end developers who want a quick and responsive mobile simulation without leaving their editor.


🚀 Features

  • 📲 Mobile device frame preview
  • 🌐 Live reload with file changes (HTML/CSS/JS)
  • 📱 Toggle between iPhone & Android frames
  • 🌓 Dark and Light modes
  • 💻 Responsive view (auto-resize with panel)
  • 🔌 Lightweight and easy to use

🧑‍💻 How to Use

  1. Press Ctrl+Shift+P or Cmd+Shift+P
  2. Search for Open Mobile Preview
  3. A panel will open with mobile-sized preview of your index.html or active HTML file

💡 Tip: Place your HTML file in the root or select it manually in the future update.


📦 Installation

  1. Go to Extensions panel in VS Code
  2. Click on ... → Install from VSIX...
  3. Select the mobile-in-vs-0.0.1.vsix file

📸 Screenshots

Coming soon...


🛠️ Planned Features

  • 📂 Support for project-wide file selection
  • 🔄 Hot reload for multiple file types
  • 🧩 Themes and frame customization
  • 💬 Multi-language support

🧑‍🎨 Created by

وجدي محمد إدريس القيسي Front-End Developer | UI/UX Designer 🔗 Portfolio 📧 Email


❤️ Support This Project

If you like this extension, give it a ⭐ on the marketplace once published!


📄 License

MIT © وجدي القيسي

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