[Fluth]コンセプトからインストールへ


Why Flutter?


🎓大学生の頃から最近まで集中的に勉強してきたプログラミング分野はWebです.
就職準備のための反応js、そして現在実用化されているVue.jsまで、Webプログラミングを中心に1年近くかかりました.
ある瞬間から、「自分の職業を聞かれたら、先端開発者として自信を持って紹介してもらえますか?」という疑問がありました.🤔
もちろん、前の2つのSPAフレームワークを使ってWebアプリケーションを作成することはできますが、これらの経験は豊富ではなく、アプリケーション自体についても理解が足りないと思います.
そこで、モバイルプログラミングに興味を持ちたいと思い、まずMacBook M 1 Pro 16を購入しました.👍)

過去のプログラミング経験を振り返ると、Firebaseを使っていたとき、丹念に整理された公式ドキュメントがグーグルに良い記憶を与えていることに気づきました.
それから、私は新しい言語を勉強して、私がよく知っているプログラミング言語との違いと長所と短所を分析したいと思っています.
また、iOSとAndroidの両方のオペレーティングシステムがサポートされていること、Webでの開発も可能であることを考慮し、GoogleのFluthの学習を開始することにしました.🤘

Concept



Flutterは、Googleが開発したプラットフォーム間フレームワークです.
主な機能は次のとおりです.
1.使用言語—Dart(Javascriptのようなオブジェクト向け言語)
2.Dartのみを使用し、レイアウトと設計を一度に完了
3.モバイル(iOS、Android)、Web、ウィンドウプログラムの開発が可能
4.多数の内蔵部品
言い換えれば、FlutterはGoogleが独自に開発したDart言語を使って作成したオープンソースです.CSSを使用して複雑な設計を行うことなく、成熟したアプリケーションを簡単に作成できます.🛠

設定



Android Studio


既存のvscodeを使用できますが、まずAndroid Studioをインストールしました.🐥
フーラー公式ホームページでは、それぞれのオペレーティングシステムに適した圧縮ファイルをダウンロードし、検索しやすい場所に解凍して格納する.
インストールが完了したら、Android Studioを実行し、をクリックしてSDK Managerの選択を表示します.

次に、Android SDKメニューのSDK Toolsタブで、Android SDKコマンドラインツール(最新)を確認し、Applyボタンをクリックしてインストールします.

Flutter


Androidルームのインストールページでは、それぞれのオペレーティングシステムに適した圧縮ファイルをダウンロードし、検索しやすい場所に解凍して格納する.
インストール完了後、端末を運転
flutter doctor
入力します.
異常がない場合は、プロッタの開発に必要なツールのリストが印刷されます.

私が使っているのはmacオペレーティングシステムで、XcodeとCocoaPodsがインストールされていないことを示しています.以下にインストールツールがリストされています.(m 1 macbookユーザーが入力したflutter doctor、図のようになっていない場合は、再起動してからもう一度やってみてください.解決しました.)👍)

環境変数の登録


ウィンドウユーザはPowerShellまたはcmdを実行し、macユーザは端末を実行する

Window

  • 「システム環境変数の編集」を開く
  • 「環境変数」をクリック
  • ~「ユーザー変数」タブの「パス」を選択し、「編集」をクリック
  • 「新規」をクリックし、解凍した「Flutterフォルダ内部のbinフォルダパス」を入力して保存
  • Mac

  • 端末に該当する命令語を2つずつ入力する.
    (端末名が.zshの場合は、「
    .bashの場合は、touch ~/.zshrcopen ~/.zshrc)を入力してください.
  • 次のウィンドウが表示されたら、export PATH=「$PATH:Flutterフォルダ内部のbinフォルダパス」と入力します.
  • の最後の部分🔥