老规矩,放几个权威性的链接
Flutter中文官网
Flutter官网
一、编辑工具
目前Flutter支持的编辑工具:
Android Studio: 为Flutter提供完整的IDE体验.
VS Code: 轻量级编辑器,支持Flutter运行和调试.
Terminal + 编辑器: 您的编辑选择与Flutter的终端工具结合运行和构建.
我使用的是AS(Android Studio,以下皆简写)
二、创建新应用
1.0 选择 File>New Flutter Project
2.0 选择 Flutter application 作为 project 类型, 然后点击 Next
3.0 输入项目名称 (如 flutter_app,这里只能小写), 然后点击 Next
4.0 点击 Finish
5.0 等待Android Studio安装SDK并创建项目.
第一个坑来了:有很多人都卡在了 Creating Flutter Project!
原因:这一步大部分是因为Flutter没有配置成功
解决方法:
1.0 检查之前~/.zshrc下配置的镜像和环境变量是否正确(不同的shell,文件不一样,这里看我中的安装Flutter文章中3.0配置镜像、环境变量那一块吧),如果没问题就继续
2.0 运行 flutter doctor,并对应去解决相应报错
这两步基本就可以了
如果还是不行的话:
找到安装flutter的根目录,进入fluttre->bin->cache,找到lockfile文件,删除此文件,重启Android Studio,即可。
三、运行应用程序
之前有很多坑,这里就不一一列出了,直接按着这几个步骤操作吧
1.0 配置build.gradle
在你Flutter项目中
找到 flutter_testapp/android/下的build.gradle
修改buildscript与allprojects下的repositories{},注释google等,改为阿里云的
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'
}
build.gradle.png
修改dependencies下build:gradle:为3.6.4
classpath 'com.android.tools.build:gradle:3.6.4'
build.gradle.png
2.0 配置gradle-wrapper.properties
找到 flutter_testapp/android/gradle/wrapper下的gradle-wrapper.properties
修改gradle的版本号为6.3
注意:这里的6.3是和上面3.6.4对应的
distributionUrl=https\://services.gradle.org/distributions/gradle-6.3-all.zip
gradle-wrapper.propertiespng
3.0 修改FlutterSDK下面的gradle源
找到安装Flutter的地址后打开flutter.gradle
/flutter/packages/flutter_tools/gradle/flutter.gradle
修改buildscript 下的repositories
buildscript {
repositories {
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.5.0'
}
}
repositories.png
ok 了,现在也不需要梯子,直接运行即可。
网友评论