flutter環境配置指南——基於windows10 2020全新版

概述

簡單的來說你的電腦需要安裝

  1. Android studio
  2. git
  3. flutter

這三款軟件之後,配置好各自的環境,就可以用Android studio 寫 fultter程序啦,這裏有一個坑是最後的編譯階段,會在實戰演練部分指出來。下來開始配置。

安裝

下載安裝 flutter是需要先安裝Android studio和 git 的。所以首先需要自行安裝。在這裏就丟下官網鏈接。

環境變量配置

需要配置以下環境變量

image-20200618142832935

image-20200618142910063

爲了使用flutter的一些特性,建議配置下面二個環境變量,當然下面寫的是 Linux 的配置方式,windows 就直接將變量名 + 變量值 寫入環境變量就好了。

  1.  export PUB_HOSTED_URL=https://pub.flutter-io.cn
     export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    

檢查環境變量

image-20200618141930320

image-20200618143121357

Android studio 插件安裝

打開插件選擇

image-20200618132450793

需要安裝二個插件,分別是dartflutter。下面是安裝截圖。

  • dart

image-20200618131341882

  • flutter

下載這個插件很慢,不知道爲什麼,等了好久,中間還失敗了 好幾次。

image-20200618131422079

安裝完成後需要重啓Android studio。

然後就會發現多了Android studio啓動界面有了變化。

image-20200618143040886

vscode插件安裝

在插件市場搜索flutter然後安裝就好了

image-20200618140217154

配置檢查

運行flutter doctor可以看到 vscode 和 Android studio 都已經配置好了。

image-20200618141255593


PS C:\Users\cds> flutter --version
Flutter 1.17.3 • channel stable • https://github.com/flutter/flutter.git
Framework • revision b041144f83 (2 weeks ago) • 2020-06-04 09:26:11 -0700
Engine • revision ee76268252
Tools • Dart 2.8.4

Android studio實戰演示

  1. 新建 flutter 項目

image-20200618143040886

image-20200618143212497

  1. 設置項目信息

image-20200618143434532

  1. 完善包名

image-20200618143503013

  1. 運行

image-20200618165610116

image-20200618165532619

如果出現上圖的報錯,則需要修改下圖標註的部分,修改的數字根據自己Android構建工具 的版本確定。

image-20200618202054889

查看自己安卓構建工具的版本

image-20200618202207974

flutter doctor --android-licenses
  1. 運行結果

image-20200618202355693

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章