Flutter step1——环境搭建
准备工具一览
- Flutter Sdk
- AndroidStudio
- AndroidStudio-Dart 插件
- AndroidStudio-Flutter插件
注意我们没有外网,所以一切需要在中文下玩
中文传送门
Flutter Sdk 下载 与安装
-
中文下载列表 https://flutter.cn/docs/development/tools/sdk/releases?tab=windows 版本尽量下新的,旧的会报各种不兼容,如 androidx 包找不到问题。
-
将压缩包解压,然后把其中的 flutter 目录整个放在你预想的 Flutter SDK 安装目录中(比如 C:\src\flutter;请勿将该目录放在一些需要额外操作权限的目录,比如 C:\Program Files\)。
-
找到 flutter 目录中的 flutter_console.bat 文件,双击执行该批处理脚本。
-
配置环境变量
- PUB_HOSTED_URL=https://pub.flutter-io.cn
- FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
-
在上面第三部弹出的窗口中运行“flutter doctor” 命令,此部等待时间较长。
-
结果显示只能有一个错误就是“No device available”,其他根据提示。
AndroidStudio 的配置
至于Androidstudio的安装 可以自行百度,可以百度“Androidstudio 中文社区” 这里有下载安装办法
这里要说明一下,由于没有外网,安装插件只能通过安装从磁盘的方式,这需要实现下载好插件,我已经下好了你们可以自行下载(免费的)。
Flutter插件
Dart插件
接下来就可以在Androidstudio里面自己新建Flutter Project了
以上的可以参考这篇博客传送门 记得下载资源啥的按照我的这篇博客下载,他那博客图片贴的多,方便小白。
运行开头第一坑
报错内容部分“Running Gradle task ‘assembleDebug’… ”
主要也是外网问题。
解决办法:
- 在文件android/build.gradle中
buildscript {
repositories {
//注释下面两行
//google()
//jcenter()
//填加下面三行
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
}
dependencies {
classpath 'com.android.tools.build:gradle:3.2.1'
}
}
allprojects {
repositories {
//注释下面两行
//google()
//jcenter()
//填加下面三行
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
}
}
- Flutter安装下 Flutter安装目录/packages/flutter_tools/gradle/flutter.gradle
buildscript {
repositories {
//注释下面两行
//google()
//jcenter()
//填加下面三行
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
}
dependencies {
classpath 'com.android.tools.build:gradle:3.2.1'
}
}
... ...
private static final String MAVEN_REPO = "https://storage.flutter-io.cn/download.flutter.io";
... ...
- Flutter安装目录下flutter安装目录/packages/flutter_tools/gradle/resolve_dependencies.gradle
repositories {
google()
jcenter()
maven {
url "http://download.flutter.io"//换成这个网址
}
}
以上完成就可以愉快玩耍了。
本文来自博客园,作者:寒风凛凛,转载请注明原文链接:https://www.cnblogs.com/dongxiaofat/p/15426398.html