WebNative installs statistics

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

Documentation

Visit webnative.dev for full documentation.

Framework Support

Starter templates and features for:

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 - 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.