Awesome
<img src="https://raw.githubusercontent.com/gilbarbara/logos/master/logos/tauri.svg" width="50">
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.