一、android studio3.6.3 配置flutter遇到重重困难,步步都是坑,尝试各种办法,终于看到曙光,下面是我整理的资料,希望能帮到跟我一样的小白。
1、首先安装flutter
可以在官网下载(https://flutterchina.club/)也可以Git工具克隆git clone https://github.com/flutter/flutter.git
由于在国内下载访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
此电脑→高级系统设置→环境变量→xxx的用户变量(添加两个变量如下)
安装下载好flutter后,配一下环境变量和上面一样,但这是在系统变量下找到path点击编辑添加flutter安装好的路劲,我的是在D盘
进行到这时,系统终端cmd输入flutter doctor检测一下环境,因为我之前就下载好android studio了,只是没有在AS配置dart和flutter环境,所以AS下有两个XX
接下来针对带×和!去解决
温馨提示:flutter自带dart,安装flutter无需再装dart
2、android studio配置dart和flutter
启动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两个插件配好了
3、创建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打开项目,如果我能帮你的帮,麻烦给我点个赞支持一下哈。