Closed9

Flutter環境構築+mac tips

柊
  1. Git入れる。
git -v
sudo xcodebuild -license
  1. flutterのprojectを作成する。
fvm flutter create --org {domain名を反対に並べたもの} {project名}

例えば、ドメイン名がdev.example.appならdomain名を反対に並べたものはapp.example.devになる。

  1. VSCodeでprojectを開く。

Macは、.appをアプリケーションにドラッグする。
アプリを終了する時はcommand+q

  1. VSCodeの左下のiconをクリックしてGitHubでログインする。

    拡張機能がインストールされるので、終了するまで待つ。

  2. Macを再起動する。

柊
  1. ディレクトリの階層を移動する方法
    cmd+↑ or cmd+↓
  2. 隠しファイル表示
    cmd+shift+.(ドット)
柊
  1. fvm flutter
  2. fvm flutter doctor
Doctor summary (to see all details, run flutter doctor -v):

[✓] Flutter (Channel stable, 3.19.5, on macOS 14.4.1 23E224 darwin-x64, locale ja-JP)
[✗] Android toolchain - develop for Android devices
    ✗ Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.dev/docs/get-started/install/macos#android-setup for detailed instructions).
      If the Android SDK has been installed to a custom location, please use
      `flutter config --android-sdk` to update to that location.

[!] Xcode - develop for iOS and macOS (Xcode 15.3)
    ✗ Unable to get list of installed Simulator runtimes.
    ✗ CocoaPods not installed.
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To install see https://guides.cocoapods.org/using/getting-started.html#installation for instructions.
[✓] Chrome - develop for the web
[!] Android Studio (not installed)
[✓] VS Code (version 1.87.2)
[✓] Connected device (2 available)
[✓] Network resources

! Doctor found issues in 3 categories.

エラーを調べて解決する。

柊

option+¥→バックスラッシュ()
4本指+横スワイプ→画面切り替え
cmd+control+f→全画面
z+h→「←」
z+j→「↓」
z+k→「↑」
z+l→「→」
cmd+shift+5→スクショ

[vscode]
option+shift+o→importの並び替え
option+shift+f→整形
cmd+shift+f→全件検索
cmd+f→file検索
cmd+.→自動importとかエラー解決とか提案
選択+cmd+d→選択した単語を複数選択

[figma]
optionを押しながらhover→各要素のmarginがわかる

[git]
gitでmainからpullせずにbranchを切ってしまった場合
branchの作業が完了したらcommi→push
mainにcheckout
mainでpull
branchにcheckout
git rebase main
merge
git push -f
branchをmainにpullrequest

このスクラップは2024/04/28にクローズされました