flutter和android Studio学习吐槽,永远填不完的坑

2020/05/29 11:12
阅读数 604

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

*打个小广告,如果你有前端问题、Java和数据库,欢迎上淘宝搜索web开发小店或者搜索关键字前端问题啊、Java解决问题啊,我们有多年的技术人员,他们很有耐心哦!如果你对我们解决的结果不满意,可以全额退款哈

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部