Flutter(1.5.4)最新环境配置教程以及遇到的坑

最近的Google I/O 2019年大会上，Dart 团队宣布退出的新的 Flutter 稳定版本1.5，宣布发布 Flutter for Web 的 preview 版本，准刚开始了 Flutter 全平台 UI 框架之路。在 I/O 大会上也展示了KENKEN 游戏，这个游戏可以在Android， iOS， Web, Mac， Chrome运行，而且都是相同的代码。本篇文章，我们先来学习Flutter环境搭建，以及遇到一些坑。

运行环境
Win 10
Flutter: 1.5.4
Android Studio:3.3.1

Flutter

Flutter 是由Google 提出的，使用 Dart 语言开发的移动应用免费开源的跨平台UI开发框架，iOS 和 Android 共用一套代码。开发者可以在使用这个框架在iOS 和 Android 平台上开发高性能、 高质量的原生应用。

环境配置

关于环境配置，可以参考 Flutter中文网，中文网有些地方说的有些模糊，新手可能会遇到坑。

1. 在Android Studio 安装中安装 Flutter插件
   方法：Files - Settings - plugins - Browse repositories - 输入Flutter进行下载

2. 需要下载安装 Git，下载地址 For Windows 安装成功完成，打开Git Bash ,输入 “git” 命令验证是否安装成功

3. 设置镜像
   国内访问 Flutter 有限制，需要添加镜像
   win + R ,输入 “sysdm.cpl”, 打开 系统属性- 环境变量- 系统变量 -新建

变量名：LUTTER_STORAGE_BASE_URL 变量值：  https://storage.flutter-io.cn
变量名： PUB_HOSTED_URL    变量值：https://pub.flutter-io.cn

4. 获取Flutter SDK ,新建一个文件作为 Flutter 的安装目录，然后在这个文件夹 右键点击 Git Bash Here，接着在命令窗口中 输入以下命令来获取Flutter

git clone -b beta https://github.com/flutter/flutter.git

5. 然后设置 Flutter 的安装路径的系统变量，方法同 步骤2

在 Path中添加 Flutter的安装路径，flutter\bin 的全路径，使用“;"分隔开

6. 运行 flutter doctor

• 方法一

在Flutter安装目录的flutter文件下找到flutter_console.bat，双击运行并启动flutter命令行，接下来，你就可以在Flutter命令行运行flutter doctor命令

安装完成后是酱紫的：

• 方法二

打开一个新的命令提示符或PowerShell窗口并运行”flutter doctor"命令以查看是否需要安装任何依赖项来完成安装

遇到

• 问题1：

命令行中出现“powershell”不是内部或外部命令，也不是可运行的程序或批处理文件问题解决

解决方法： win + R ,输入 “sysdm.cpl”, 打开 系统属性- 环境变量- 系统变量 -path 查看变量值里是否有 %SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;%SYSTEMROOT%\System32\WindowsPowerShell\v1.0\；，如果没有的话，添加上即可

• 问题2：

“flutter : 无法将“flutter”项识别为
cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路 径正确，然后再试一次。 所在位置 行:1 字符:1” !
flutter doctor
CategoryInfo : ObjectNotFound: (flutter:String) [], CommandNotFoundException
FullyQualifiedErrorId : CommandNotFoundException

解决方法：第一次运行 “flutter doctor “命令，在 ”flutter\bin” 的全路径下运行即可

• 问题3：

Set-Location:找不到接受实际参数"Files"的位置形式参数

解决方法：如果路径带有空格，需要把 路径 用英文双引号括起来

下面就可以开始练习写demo了~~~~