美文网首页Flutter中文社区
flutter-window配置IDE

flutter-window配置IDE

作者: 负负负得负 | 来源:发表于2019-11-13 17:20 被阅读0次

    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下载,下载后复制到如下图的位置。

    把paltform-tools文件夹添加到该目录下

    相关文章

      网友评论

        本文标题:flutter-window配置IDE

        本文链接:https://www.haomeiwen.com/subject/jhkkictx.html