flutter&dart环境搭建过程

苏友朋

发布于 2019.02.22 17:31 阅读 3665 评论 0

由于电脑出现了一些问题，导致无法进行翻墙操作，因此，本教程的dart的安装等操作都使用离线安装模式，但是flutter的安装等操作是在线模式。

 

 

目录

一 dart 3

sdk的安装与配置... 3

下载... 3

安装... 3

Idea dart插件的安装与配置... 7

首先要确认你的idea版本对应的插件版本号... 7

下载对应的插件... 7

安装：... 8

Idea创建dart新项目... 11

二 Flutter 14

sdk的安装与配置... 14

系统要求... 14

下载... 14

安装... 15

Idea flutter插件的安装与配置... 18

安装：... 18

Idea创建dart新项目... 19

 

 

 

一 dart

sdk的安装与配置

下载

由于使用离线安装，因此需要首先下载dart的sdk包（此处下载的是64位windows版）

下载地址：https://www.dartlang.org/tools/sdk/archive

下载指示：注意，要点击Dart SDK字样，不要点击括号中的字符。

下载完成的文件：

安装

（参考网址：https://blog.csdn.net/weixin_41000111/article/details/82056210）

  1. 解压压缩包

  1. 将该文件夹转移到自己设置的安装路径下

  1. 环境变量设置

  1. 验证安装结果，出现如下信息，表明安装完成

Idea dart插件的安装与配置

首先要确认你的idea版本对应的插件版本号

确认版本号为182.5124

下载对应的插件

下载地址：http://plugins.jetbrains.com/plugin/6351-dart

下载指示：

下载文件：

安装：

  1. 打开设置中的插件管理，点击从磁盘安装

  1. 选择刚才下载的压缩包

  1. 点击重启idea

Idea创建dart新项目

  1. 点击创建新项目

  1. 选择dart

  1. 设置项目名和项目路径

  1. 点击finish后等待，出现如下界面即创建完毕

 

 

二 Flutter

sdk的安装与配置

系统要求

要安装并运行Flutter，您的开发环境必须满足以下最低要求:

  • 操作系统: Windows 7 或更高版本 (64-bit)
  • 磁盘空间: 400 MB (不包括Android Studio的磁盘空间).
  • 工具: Flutter 依赖下面这些命令行工具.

如果已安装Git for Windows，请确保命令提示符或PowerShell中运行 git 命令，不然在后面运行flutter doctor时将出现Unable to find git in your PATH错误, 此时需要手动添加C:\Program Files\Git\bin至Path系统环境变量中。如果是32位的Windows系统，请将Program Files换成Program File (X86)

 

下载

由于使用离线安装，因此需要首先下载flutter的sdk包（此处下载的是64位windows版）

下载地址：https://flutter.io/docs/development/tools/sdk/archive

下载指示：

下载完成的文件：

 

安装

（参考网址：https://flutterchina.club/setup-windows/）

  1. 环境变量：

由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

注意： 此镜像为临时镜像，并不能保证一直可用，读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

  1. 解压：

  1. 环境变量配置：

  1. Cmd运行 flutter

  1. Cmd运行 flutter doctor，注意，如果你的显示结果是，你的Android sdk明明已经安装了，但是第二条说找不到，则可以在安装完Android studio并设置好sdk的环境变量之后重新检测，如果此时还是提示找不到sdk。则可以忽略第二和第三个叉号

但是一定要安装Android studio（带sdk和avd的版本）

安装完之后，使用avd创建一个虚拟机，再次测试，结果应该就会是和下图一样了。

下图最后一条是虚拟机，如果你没有开虚拟机，这一条就会是黄色叹号，可以忽略

  1. 解决第二条的黄色叹号。Cmd运行flutter doctor --android-licenses

期间会多次询问y/N，一路选择y即可

直到

  1. 最终：

Idea flutter插件的安装与配置

安装：

（1）打开设置中的插件管理，搜索flutter，然后选择，安装即可

（2）点击重启idea

 

Idea创建flutter新项目

（1）点击创建新项目

（2）选择flutter

（3）设置项目名和项目路径

（4）点击finish后等待，出现如下界面即创建完毕

 

 

  1. 打开虚拟机，或者链接开发模式的开发调试模式的手机后，运行，手机或虚拟机出现如下画面即可：