tauri vite(vue3)

ちょっと作りたいものができたので素振り。

まずは書いてる通り

pnpm create tauri-app

repl形式で何点か聞かれるのでやりたいやつを選ぶ。

Make sure you have installed the prerequisites for your OS: https://tauri.app/start/prerequisites/, then run:
  cd sss
  pnpm install
  pnpm tauri android init
  pnpm tauri ios init

For Desktop development, run:
  pnpm tauri dev

For Android development, run:
  pnpm tauri android dev

For iOS development, run:
  pnpm tauri ios dev

お決まりのやつが出てくるんだけど、tauriってmobile appも作れるの...?

ばーん

そのまんま動くかと思ったけど、localで動かすにはRust関連の環境構築が必要そう。

$   pnpm tauri android init


> sss@0.1.0 tauri /Users/{user_name}/git/sss
> tauri "android" "init"

failed to get cargo metadata: No such file or directory (os error 2)
    Error failed to get cargo metadata: No such file or directory (os error 2)
 ELIFECYCLE  Command failed with exit code 1.

ばーん

macだとこれでよさそう?

ばーん

xcodeはみんなあると思うので
curl --proto '=https' --tlsv1.2 https://sh.rustup.rs -sSf | sh
でok
成功すると
terminal再起動
環境変数登録
が出てくるのでそれ通りにやると...

ばーん

HUGE!!!!!!!!!!!!!!!!

ばーん

echo '. "$HOME/.cargo/env"' >> ~/.zshrc

でzshrcへの登録もdone

ばーん

ざっとコード見た感じはUIはVueのままでいけそう。
import { invoke } from "@tauri-apps/api/core";
ってあったからNative(でいいのか??)のcodeに変換する時はAPI使う必要ありそう?
→あーちがうか。これ単純にfrontからRustのcode読んでるだけか。

Rustはまじで一行も読んだことないのでわからん。

ばーん

https://tauri.app/develop/

なるほど。hot reloadっぽいのもいけるし、inspectorも使えそう

ばーん

んー vue fileの補完が効かん...
(ts fileは効くので lang serverは生きてる)

ばーん

いったんdone。
mobile appとかdesk top app使いたくなったら再開してみる。

ばーん

わかりやすかった。