Closed10
Tauri
筧剛彰 / Takaaki Kakei
筧剛彰 / Takaaki Kakei前提
Rust
brew install rust
Xcode
筧剛彰 / Takaaki Kakei参考
筧剛彰 / Takaaki Kakei% pnpm create tauri-app 2024/12/22 22:03:36
✔ Project name · solodev-tauri
✔ Identifier · prj1
✔ Choose which language to use for your frontend · TypeScript / JavaScript - (pnpm, yarn, npm, deno, bun)
✔ Choose your package manager · pnpm
✔ Choose your UI template · React - (https://react.dev/)
✔ Choose your UI flavor · TypeScript
...snip...
cd solodev-tauri
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
pnpm tauri dev
筧剛彰 / Takaaki Kakei
筧剛彰 / Takaaki Kakei基本以下の通りに進める。
- プロジェクトは作成済みなので、Create projectは不要
- 以下は、App.cssに設定する
@tailwind base;
@tailwind components;
@tailwind utilities;
- pathのimport文は以下
import path from "node:path";
- 適宜上記の記事やリポジトリも参照
筧剛彰 / Takaaki Kakei今回は以下にしてみた
- Default
- Zinc
% pnpm dlx shadcn@latest init 2024/12/24 22:19:56
✔ Preflight checks.
✔ Verifying framework. Found Vite.
✔ Validating Tailwind CSS.
✔ Validating import alias.
✔ Which style would you like to use? › Default
✔ Which color would you like to use as the base color? › Zinc
✔ Would you like to use CSS variables for theming? … no / yes
✔ Writing components.json.
✔ Checking registry.
✔ Updating tailwind.config.js
✔ Updating src/App.css
✔ Installing dependencies.
✔ Created 1 file:
- src/lib/utils.ts
Success! Project initialization completed.
You may now add components.
LintとFormatにBiomeを採用
筧剛彰 / Takaaki Kakeiファイルの命名規則をshadcn/uiにあわせる
- App.tsx→app.tsx
- App.css→globals.css
このスクラップは2024/12/25にクローズされました