Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
/angular-tauriPublic template

Ultra-fast bootstrapping with Angular and Tauri 🚤

License

NotificationsYou must be signed in to change notification settings

maximegris/angular-tauri

Repository files navigation

Angular Logo

MaintainedMake a pull requestLicense

Build

Watch on GitHubStar on GitHubTweet

Introduction

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

Currently runs with:

  • Angular v18.2.7
  • Tauri 2.0.0

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 22 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 , youMUST install@angular/cli in npm global context.Please followAngular-cli documentation if you had installed a previous version ofangular-cli.

npm install -g @angular/cli

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

npm install -g @angular/cli@^18

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

FolderDescription
src-tauriTauri main process folder (Rust)
srcTauri renderer process folder (Web / Angular)

Browser mode

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

Included Commands

CommandDescription
npm run web:serveExecute the app in the web browser (DEV mode)
npm run web:prodBuild the app that can be used directly in the web browser. Your built files are in the /dist folder.
npm run tauri:bundleBuilds 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

Packages

No packages published

Contributors3

  •  
  •  
  •  

[8]ページ先頭

©2009-2025 Movatter.jp