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打開項目,若是我能幫你的幫,麻煩給我點個贊支持一下哈。