Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>WebNativeNew to Visual Studio Code? Get it now.
WebNative

WebNative

WebNative

|
96 installs
| (1) | Free
Create and maintain web and native projects
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

The VS Code extension to simplify web & mobile app development.

Documentation

Visit webnative.dev for full documentation.

Framework Support

Starter templates and features for: Frameworks Supported

Web App Features

  • Create a Project - Start a project for Angular, React, Vue and many others
  • Run Commands - Such as build, sync, serve and test
  • Debugging for Web - Support for debugging via browser (Chrome or Edge)
  • Outdated Packages - Provides easy upgrade to the latest version
  • Minor Updates - Identifies minor dependency updates for one step upgrading
  • Security Vulnerabilities - Identifies security vulnerabilities in dependencies using npm audit
  • Run Scripts from package.json
  • Error Assistant - Detect errors in swift, java, typescript, eslint, jasmine and jest
  • Mono Repo Support - Support for NX, NPM workspaces, Yarn Workspaces, Pnpm Workspaces, Lerna, VSCode Workspaces & Folder based mono repos.

Capacitor Features

  • Run Apps - Launch on a real or emulated iOS or Android device
  • Migrate to Capacitor - Actions and recommendations to migrate from Cordova
  • Find Deprecated Dependencies - Identify known end of life or deprecated packages and plugins
  • Native Projects Settings - Set Bundle id, display name, version number and build number of the native project androidmanifest.xml
  • Capacitor Preview - Preview your web application in Capacitor
  • Configuration Issues - Recommends changes to config.xml and androidmanifest.xml
  • Integrate Capacitor into web projects
  • [Splash Screen and Icons]https://webnative.dev/capacitor/splash-icon/) - Generate Splash Screen and Icons assets for iOS and Android projects
  • Debugging for Android - Support for debugging for Android devices

Angular Features

  • Angular Migrations - Automate Angular version migrations.
  • Create Angular Items - Create Angular components, directives, services, pipes, modules, guards, interceptors and more.
  • Angular Schematics - Run Angular schematics like migration to built-in control flow syntax.

Builder Features

  • Builder Publish - Integration with Builder.io dev tools for headless CMS
  • Builder Develop - Import designs from Figma or chat with AI for code generation
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft