1.下载flutter包由于需要翻墙,国内下载会出现问题,所有需要先配置一下用户环境变量。
export PUB_HOSTED_URL=https://pub.flutter-io.c
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
配置用户环境变量:右击我的计算机>属性>高级系统设置,然后就会出现用户环境变量板块(不用设置系统变量)。



2.在git上安装flutter SDK。(使用码云的地址会很快,可惜地址我没有记下)
git 命令:git clone -b devhttps://github.com/flutter/flutter.git
3.接下来win +R,输入cmd ,输入命令 flutter doctor,来安装相关依赖。

出现上图所示的情况,说明正在安装,由于是第一次使用flutter命令,所有需要等一段时间,以后再运行就会快得多。安装成功后会显示如下图(打勾代表正确,
X 达代表有问题, ! 代表要需要安卓studio以及连接的设备,那么现在我们主要需要安装的就是安卓sdk了,也就是说,flutter
sdk已经安装OK):

4.接下来安装 android studio,安装完成后再到cmd 命令行执行 flutter doctor。(如果一切顺利,那么android studio前面应该是一个对勾)。
5.接下来在cmd输入命令:flutter doctor --android-licenses,然后一路按“y”。
6.最后再在cmd命令行执行flutter doctor。
7.可以使用vscode创建一个app项目,ctrl+shift+p选择Flutter:New Project,然后输入项目名字,选择创建的目录,即可看见一个新创建的项目文件夹。
使用VScode调试flutter项目,使用android studio开启模拟器。
1.vscode 和android studio 都要安装flutter插件(安装flutter时,dart默认就一块安装)。
2.点击下图图标,添加android模拟器类型

3.然后打开flutter项目中找到main.dart文件,然后点击下图图标,运行。

4.android studio配置完成后,这时模拟器已可用,在vscode中,按F5就会唤起模拟器,直接可以使用vscode调试代码。
使用android studio运行时出现问题,尝试如下解决方法:
1.检查android studio是否是最新版本,检查IDE的 flutter插件是否是最新版本
2.如果出现如下图的问题:

解决方法:
第一步:


然后cmd打开命令窗口,然后输入:
flutter config --android-sdk C:\Users\Adminnistrator\AppData\Local\Android\Sdk(红色字体是路径)
如果出现Setting "android-sdk" value to "/Users/hua/Documents/Android/sdk".
则代表成功。重启Android studio 就OK 啦。
第二步:
在cmd命令窗口输入adb version,查看ADB(是android studio的一个模拟器工具)版本。
正常会出现如下图显示:

如果出现报错(报错一般为:该命令不是内部命令),那么需要配置系统环境变量环境,如下图:

把下图中的路径添加到上图环境变量path中,注意,如果没有paltform-tools这个文件夹,则去android开发网,搜索SDK Platform Tools下载,下载后复制到如下图的位置。


网友评论