Nativescript Vue Webpack Template

Overview:

The nativescript-vue-webpack-template is a webpack template designed for use with NativeScript-Vue. It allows for code-sharing between your native mobile app and the web.

Features:

• Webpack-based: The template is built using Webpack, allowing for efficient bundling and code optimization.
• Code-sharing: With this template, you can easily share code between your native mobile app and the web version of your app.
• HMR (Hot Module Replacement): The template includes a development server with HMR enabled, making it easy to see changes in real-time while developing the web version of your app.

Installation:

To install and use the nativescript-vue-webpack-template, follow these steps:

1. Clone the template repository:
   git clone git@github.com:rigor789/nativescript-vue-webpack-template.git
2. Change into the template directory:
   cd nativescript-vue-webpack-template
3. Install the required dependencies:
   npm install
4. To run the development server for the web version, use the following command:
   npm run dev:server The server will be running on port 8080.
5. For the mobile version of your app, you can use the following command:
   npm run dev This will start the development build process for your native mobile app. (Note: In the future, the command npm run tns -- run android will no longer be required.)

Summary:

The nativescript-vue-webpack-template is a powerful tool for developing NativeScript-Vue apps with code-sharing capabilities. With its Webpack-based build system and HMR-enabled development server, it provides a smooth and efficient development experience for both the native mobile and web versions of your app. By following the installation guide, you can quickly set up the template and start building your next NativeScript-Vue app.