美文网首页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

    1.下载flutter包由于需要翻墙,国内下载会出现问题,所有需要先配置一下用户环境变量。 export PUB_...

  • Flutter-window配置

    环境配置 pub 新增环境变量 项目配置 gradle配置 /android/gradle/wrapper/gra...

  • pytest的使用

    1、Python+VSCode IDE 快速开发配置 来源:Python+VSCode IDE 快速开发配置-16...

  • gradle加速

    gradle自身配置 修改gradle配置文件gradle.properties配置如下: IDE配置(IJ为例)

  • 开始 : 配置 IDE

    原链接2018.3.12 你可以通过任意文本编辑器和命令行来构建Flutter。但是我们更推荐你使用 FLutte...

  • ide配置debug

    配置remote端口Run->Edit Configuares->Remote https://blog.csdn...

  • 1.3、配置 Android Studio

    文章摘要1、配置文件路径2、自定义配置VM3、配置最大堆内存4、导出和导入 IDE 设置5、自定义 IDE 属性6...

  • [Laravel5.3教程00] 安装常用组件及常用配置

    抛开废话,直接干 一、【扩展推荐】Laravel-ide-helper 高效的 IDE 智能提示插件 配置 修改时...

  • Eclipse转IDEA(mac)

    1.IDE安装与破解IDE下载:点击下载idea终极版IDE破解:获取注册码 2.JDK、Maven配置设置JDK...

  • ESP8266在线升级OTA的Arduino IDE实现方法之W

    1 安装及配置Arduino IDE开发ESP8266的环境 参考《如何利用Arduino IDE开发ESP82...

网友评论

    本文标题:flutter-window配置IDE

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