Skip to content

Hybrid and Cross-Platform App for Windows, Linux, macOS, Android, and iOS using .NET MAUI and Vue.js

License

Notifications You must be signed in to change notification settings

HuaFangYun/maui-vue-app

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Alt text

.NET MAUI Vue.js Hybrid and Cross-Platform App

This project is designed to help you quickly build a hybrid app for Windows, Linux, macOS, Android, and iOS using .NET MAUI and the Vue.js framework. It leverages Blazor framework JS interop to link .NET code in C# with JavaScript/TypeScript in Vue.js . Best of all, you can build this project without needing to install Microsoft Visual Studio on your Windows, Mac or Linux machine.

Features

  • Cross-Platform: Develop for Windows, Linux, macOS, Android, and iOS from a single codebase.
  • Blazor JS Interop: Seamlessly integrate .NET C# code with JavaScript/TypeScript using Blazor framework's JavaScript Interop.
  • Hybrid App: Combines the power of .NET MAUI with the flexibility of Javascript frameworks.
  • Web App development: Develop, debug, and test your app's UI as a web app in the browser.

Getting Started

Prerequisites

Ensure you have the following installed:

Optional:

Installation

  1. Clone the repository:

    git clone https://github.com/YaDev/maui-vue-app.git
    cd maui-vue-app
  2. Install JavaScript dependencies:

    cd BlazorMaui.UI
    npm install
  3. Install .NET dependencies:

    cd BlazorMaui.Core
    dotnet restore

Usage

Building the Project

Build the project using VSCode .NET MAUI or .NET Meteor extensions or build it manually, using the following commands:

  • Windows:

    cd BlazorMaui.Core
    dotnet build -f net8.0-windows10.0.19041.0
    dotnet build -t:Run -f net8.0-windows10.0.19041.0
  • Linux:

    cd BlazorMaui.Core
    dotnet build -f net8.0
    dotnet build -t:Run -f net8.0
  • macOS:

    cd BlazorMaui.Core
    dotnet build -f net8.0-maccatalyst
    dotnet build -t:Run -f net8.0-maccatalyst
  • Android:

    cd BlazorMaui.Core
    dotnet build -t:Run -f net8.0-android
  • iOS:

    cd BlazorMaui.Core
    dotnet build -t:Run -f net8.0-ios

Related projects

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

Hybrid and Cross-Platform App for Windows, Linux, macOS, Android, and iOS using .NET MAUI and Vue.js

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • C# 43.9%
  • Vue 23.8%
  • TypeScript 21.1%
  • JavaScript 8.7%
  • HTML 2.5%