angular-tauri - GitLite

KO | EN

gitlite — search

#react #machine-learning #rust #docker #macos #nodejs #java #kubernetes #vue #awesome-list #security #ios #openai #open-source

angular-tauri

(★ 217)

Ultra-fast bootstrapping with Angular and Tauri :speedboat:

파일 탐색기

최종 버전 다운로드 (.zip)

- - bug_report.md
  - feature_request.md
- - build.yml
  - jekyll-gh-pages.yml
- FUNDING.yml
- pull_request_template.md
- stale.yml
- - app.component.html
  - app.component.scss
  - app.component.spec.ts
  - app.component.ts
- - .gitkeep
  - background.jpg
- - environment.dev.ts
  - environment.prod.ts
  - environment.ts
- favicon.ico
- index.html
- main.ts
- styles.scss
- tsconfig.app.json
- tsconfig.spec.json
- typings.d.ts
- vitest.d.ts
- - 128x128.png
  - 128x128@2x.png
  - 32x32.png
  - icon.icns
  - icon.ico
  - icon.png
  - Square107x107Logo.png
  - Square142x142Logo.png
  - Square150x150Logo.png
  - Square284x284Logo.png
  - Square30x30Logo.png
  - Square310x310Logo.png
  - Square44x44Logo.png
  - Square71x71Logo.png
  - Square89x89Logo.png
  - StoreLogo.png
- - main.rs
- .gitignore
- build.rs
- Cargo.lock
- Cargo.toml
- tauri.conf.json
.editorconfig
.eslintrc.json
.gitignore
.node-version
.npmrc
_config.yml
angular.json
CHANGELOG.md
CODE_OF_CONDUCT.md
HOW_TO.md
LICENSE.md
package.json
README.md
tsconfig.json
tsconfig.serve.json

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Angular Logo](https://www.vectorlogo.zone/logos/angular/angular-icon.svg)](https://angular.io/) <img src="https://raw.githubusercontent.com/gilbarbara/logos/master/logos/tauri.svg" width="50">

![Maintained][maintained-badge]
[![Make a pull request][prs-badge]][prs]
[![License][license-badge]](https://raw.githubusercontent.com/belnadris/angular-tauri/main/LICENSE.md)

[![Build][tauri-build-badge]][tauri-build]

[![Watch on GitHub][github-watch-badge]][github-watch]
[![Star on GitHub][github-star-badge]][github-star]
[![Tweet][twitter-badge]][twitter]

# Introduction

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

Currently runs with:

- Angular v21.0.3
- Tauri 2.1.1

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:*

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

*Install Tauri (Rust)*

https://v2.tauri.app/start/prerequisites

*Install dependencies with npm:*

``` bash
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](https://github.com/angular/angular-cli) if you had installed a previous version of `angular-cli`.

``` bash
npm install -g @angular/cli
```

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

``` bash
npm install -g @angular/cli@^21
```

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

[maintained-badge]: https://img.shields.io/badge/maintained-yes-brightgreen
[license-badge]: https://img.shields.io/badge/license-MIT-blue.svg
[license]: https://github.com/maximegris/angular-tauri/blob/main/LICENSE.md
[prs-badge]: https://img.shields.io/badge/PRs-welcome-red.svg
[prs]: http://makeapullrequest.com

[tauri-build-badge]: https://github.com/maximegris/angular-tauri/workflows/Tauri%20Build/badge.svg
[tauri-build]: https://github.com/maximegris/angular-tauri/actions?query=workflow%3A%22Tauri+Build%22

[github-watch-badge]: https://img.shields.io/github/watchers/maximegris/angular-tauri.svg?style=social
[github-watch]: https://github.com/maximegris/angular-tauri/watchers
[github-star-badge]: https://img.shields.io/github/stars/maximegris/angular-tauri.svg?style=social
[github-star]: https://github.com/maximegris/angular-tauri/stargazers
[twitter]: https://twitter.com/intent/tweet?text=Check%20out%20angular-tauri!%20https://github.com/maximegris/angular-tauri%20%F0%9F%91%8D
[twitter-badge]: https://img.shields.io/twitter/url/https/github.com/maximegris/angular-tauri.svg?style=social