フラッターウェブ環境変数を構築し、開発します

3ヶ月間のアプリを開発フラッターを使用して、他の小さなパートナーは再度行くないように、それを共有し、ピットビルディングフラッタウェブ環境変数に多くの時間を慣性、および取ることを、いくつかの動作があります。

フラッタの最初のバージョンを使用するには1.5以上を

2.3.0以降を使用するダーツ。

インストールwebdev、webdevは、ローカルサーバーを使用して起動することです

flutter pub global activate webdev

次に、環境変数を設定します

export PATH="$PATH":"$HOME/flutter/.pub-cache/bin"

/ *************セクションの下*************環境変数を設定する方法について説明します/

1）端末入力を開き

sudo vim .bash_profile

sudoの先代は、ファイルの.bash_profileを変更する権限がありませ防ぐためです

ファイルが権限を持っている場合は、パスワードを入力し、[下図のように表示され、Eを入力して、編集モードに入るようにする必要があります

私は、追加、編集を始めた入力に.bash_profileのファイル

export PATH="$PATH":"$HOME/flutter/.pub-cache/bin"

、Escキーを押し、その後、英語のコロン「：」、タイプWQ、保存して終了

最後に、入力端子

source .bash_profile

更新された環境変数

/ *************上部には、環境変数を設定する方法について説明し************* /

クローンGitの flutter_webのコード

指定したフォルダに実行

git clone https://github.com/flutter/flutter_web.git

オープン例/ hello_world

cd examples/hello_world/

アップデートパッケージ

エントリー

flutter pub upgrade

以下の内容の出現は正常に更新された後、

$ flutter pub upgrade
! flutter_web 0.0.0 from path ../../flutter_web
! flutter_web_ui 0.0.0 from path ../../flutter_web_ui
Running "flutter pub upgrade" in hello_world...                5.0s

実行

webdev serve

以下の内容の出現は、ローカルサーバが正常に起動した後表し

[INFO] Generating build script completed, took 331ms
...
[INFO] Building new asset graph completed, took 1.4s
...
[INFO] Running build completed, took 27.9s
...
[INFO] Succeeded after 28.1s with 618 outputs (3233 actions)
Serving `web` on http://localhost:8080

クロムブラウザの入力にhttp：// localhostを：8080

私たちは、効果を見ることができます

もちろん、あなたがASまたはVSのコードを使用してフラッターWebプロジェクトを作成することができます。

例えば、VSのコードに

まず、VSのコードをオープン

[View]を選択し、トップのステータスバー - >コマンドパレット...

ファイル名を編集して、新しいWebプロジェクトを、指定したフォルダに保存された：下図、フラッターを入力するには、フラッターを選択し、表示されます

Webフォルダ、およびWebフォルダの出現はindex.htmlに、成功したことを証明するために作成されています

最後に、プロジェクトが可能に実行するために、上記のメソッドを使用します。

私は学ぶためにあなたの成功フラッタジュニアパートナーを希望し、多くのことを得ることができます。

フラッターウェブ環境変数を構築し、開発します

おすすめ