flutter和android Studio學習吐槽,永遠填不完的坑

1、android studio3.6.3 配置flutter遇到重重困難,步步都是坑,嘗試各類辦法,終於看到曙光,下面是我整理的資料,但願能幫到跟我同樣的小白。javascript

一、首先安裝flutter前端

能夠在官網下載(https://flutterchina.club/)也能夠Git工具克隆git clone https://github.com/flutter/flutter.gitjava

因爲在國內下載訪問Flutter有時可能會受到限制,Flutter官方爲中國開發者搭建了臨時鏡像,你們能夠將以下環境變量加入到用戶環境變量中:android

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

此電腦→高級系統設置→環境變量→xxx的用戶變量(添加兩個變量以下)git

安裝下載好flutter後,配一下環境變量和上面同樣,但這是在系統變量下找到path點擊編輯添加flutter安裝好的路勁,個人是在D盤github

進行到這時,系統終端cmd輸入flutter doctor檢測一下環境,由於我以前就下載好android studio了,只是沒有在AS配置dart和flutter環境,因此AS下有兩個XXweb

接下來針對帶×和!去解決chrome

舒適提示:flutter自帶dart,安裝flutter無需再裝dart數據庫

二、android studio配置dart和flutterapp

啓動as→file→setting→plugins下載dart和flutter插件,

網上找辦法解決這問題

===》 File->Settings->Apparence & Behavior->System Settings->

(1)、HTTP Proxy選中auto-d~和automati~太長不寫了,就如圖所示

(2)Updates

若是你按照我上面操做了,就能夠下載dart和flutter啦(啓動as→file→setting→plugins下載dart和flutter插件)

下載好以後你看看Languages & Fr~(啓動as→file→setting→Languages & Fr~)下有沒有dart和flutter,要是有直接配置路勁

若是下載dart和flutter好了,但Languages & Fr~(啓動as→file→setting→Languages & Fr~)下沒有dart和flutter,可能須要你外部引入這兩個文件,打開AS-File-Settings-Plugins-選擇右下角ok左上面的Install plugin from disk...的按鈕後彈出框中選中

必須是添加jar包,我不知道添加哪一個,最好都添加(dart和flutter)

重啓AS  Languages & Fr~下就有了dart和flutter再配置路勁,到這算是把android Studio兩個插件配好了

三、建立flutter項目 flutter create flutter_app

下面選擇第一個 

點擊綠色三個按鈕,啓動項目

 運行flutter應用時出現 No connected devices found; please connect a device, or see flutter.io/setup,管理員打開AndroidStudio也沒有用 須要把在FLutter sdk 目錄下運行以下命令,會而後會提示你重啓編輯器,重啓AS

flutter config --android-sdk 本身的android sdk路徑

flutter upgrade 升級到最新版本

flutter config --enable-web 配置啓用web

提示重啓編輯器,以讀取新的配置
若是出現找不到命令的狀況,首先flutter upgrade

命令行窗口:flutter run

  • 啓動命令行工具:
  • flutter channel,列出全部:
beta
  dev
  master
* stable

我當前是在stable上,須要切換到beta上,因而

  • flutter channel beta
Switching to flutter channel 'beta'...
git: Switched to branch 'beta'
git: Your branch and 'origin/beta' have diverged,
git: and have 3 and 3210 different commits each, respectively.
git:   (use "git pull" to merge the remote branch into yours)
  • flutter upgrade,進行了一系列下載操做,等候中。。。。
    提示:
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel beta, v1.15.17, on Mac OS X 10.14.6 18G3020, locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.1)
[✓] Xcode - develop for iOS and macOS (Xcode 11.3.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 3.6)
[✓] Connected device (2 available)

注意到:[✓]Chrome - develop for the web

  • flutter config --enable-web
Setting "enable-web" value to "true".

You may need to restart any open editors for them to read new settings.
  • flutter devices
2 connected devices:

Chrome     • chrome     • web-javascript • Google Chrome 80.0.3987.149
Web Server • web-server • web-javascript • Flutter Tools

已經看到曙光了

  • 此時文檔中提示,重啓ide,而後打開一個Flutter app項目,發現

項目執行以後,會在Chrome打開項目,若是我能幫你的幫,麻煩給我點個贊支持一下哈。

*打個小廣告,若是你有前端問題、Java和數據庫,歡迎上淘寶搜索web開發小店或者搜索關鍵字前端問題啊、Java解決問題啊,咱們有多年的技術人員,他們頗有耐心哦!若是你對咱們解決的結果不滿意,能夠全額退款哈

相關文章
相關標籤/搜索