Skip to content

maximegris/angular-tauri

Folders and files

NameName
Last commit message
Last commit date

Latest commit

c165c20 Â· Jan 7, 2024

History

20 Commits
Feb 27, 2023
Dec 20, 2023
Feb 27, 2023
Mar 13, 2022
Dec 20, 2023
Mar 13, 2022
Feb 27, 2023
Mar 13, 2022
Feb 27, 2023
Mar 13, 2022
Mar 13, 2022
Mar 13, 2022
Dec 20, 2023
Mar 13, 2022
Feb 27, 2023
Dec 20, 2023
Dec 20, 2023
Feb 27, 2023
Mar 13, 2022

Repository files navigation

Angular Logo

Maintained Make a pull request License

Build

Watch on GitHub Star on GitHub Tweet

Introduction

Bootstrap and package your project with Angular 16 (Typescript + SASS + Hot Reload) and Tauri (Rust) for creating Desktop applications.

Currently runs with:

  • Angular v16.2.12
  • Tauri 1.5.3

With this sample, you can:

  • Run your app in a local development environment with Tauri & Hot reload
  • Run your app in a production environment
  • Package your app into an executable file for Linux, Windows & Mac

/!\ Angular CLI needs Node 16 or later to work correctly.

Getting Started

Clone this repository locally:

git clone https://github.com/maximegris/angular-tauri.git

Install Tauri (Rust)

https://tauri.studio/docs/getting-started/prerequisites

Install dependencies with npm:

npm install

If you want to generate Angular components with Angular-cli , you MUST install @angular/cli in npm global context. Please follow Angular-cli documentation if you had installed a previous version of angular-cli.

npm install -g @angular/cli

Older @angular/cli references may grab angular version 15. To update to angular version 16 specifically for the global cli run:

npm install -g @angular/cli@^16

To build for development

  • in a terminal window -> npm start

Voila! You can use your Angular + Tauri app in a local development environment with hot reload!

The application code is managed by src-tauri/main.rs. \ In this sample, the app runs with a simple Angular App (http://localhost:4200), and a webView managed by Tauri.

Project structure

Folder Description
src-tauri Tauri main process folder (Rust)
src Tauri renderer process folder (Web / Angular)

Browser mode

Maybe you only want to execute the application in the browser with hot reload? Just run npm run web:serve.

Included Commands

Command Description
npm run web:serve Execute the app in the web browser (DEV mode)
npm run web:prod Build the app that can be used directly in the web browser. Your built files are in the /dist folder.
npm run tauri:bundle Builds your application and creates an app consumable based on your operating system

Your application is optimised. Only /dist folder is included in the final bundle.

Branch & Packages version