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打开项目,若是我能帮你的帮,麻烦给我点个赞支持一下哈。