Flutter移动端的配置环境和启动

一、Flutter安装：

要安装并运行Flutter，你的开发环境必须满足这些最低要求（这里以windows系统为例）：

macos安装文档请查看：https://flutter.io/setup-macos/

linux安装文档请查看：https://flutter.io/setup-linux/

（一） 操作系统：Windows 7 SP1或更高版本（64位）

（二） 磁盘空间：400 MB（不包括IDE /工具的磁盘空间）。

（三） 对Android Studio的要求：需要安装3.0 或者更高的版本。

（四） Flutter支持的sdk环境：Android 4.1（API 16）或者更高版本。

（五） 对Android模拟器镜像的要求：推荐使用x86或者x86_64镜像。

（六） 工具：Flutter需要用到以下2个工具：

(1) PowerShell 5.0或更新版本（windows 10不需要考虑这一步，本身系统就有安装）

查看PowerShell有没有安装，可以点击电脑左下角-->控制面板-->程序-->程序和功能，找一下PowerShell，有时候安装了也可能找不到（我电脑就找不到），那就win + R,输入cmd回车，输入$PSVersionTable，查看powershell版本。

如果报错说明没有安装PowerShell，请点击powershell官网https://docs.microsoft.com/en-us/powershell/scripting/setup/installing-windows-powershell?view=powershell-6#upgrading-existing-windows-powershell

【注意:】关于命令行无法显示某些字符或者中文乱码问题的解决：

• 1、无法显示√或者×字符

原因是点阵字体搞的鬼。设置一下控制台字体就可以了。

在控制台标题右键，选择字体，把点阵字体改为其他字体就可以了。

• 2、cmd中文乱码的解决：

1. win+R 输入regedit 进入注册表 

2. 找到 `HKEY_CURRENT_USER\Console\%SystemRoot%_system32_cmd.exe` 如果该项下已存在CodePage项，

则把值改为十进制”65001”；

如果不存在，在该项下新建一个 DWORD（32位值），命名为“CodePage”，值设为“65001” 

3. 重启cmd后生效

• 3、PowerShell中文乱码的解决：

1. win+R 输入regedit 进入注册表2. 找到 

`HKEY_CURRENT_USER\Console\%SystemRoot%_system32_WindowsPowerShell_v1.0_powershell.exe` 下的项。

如果该项下已存在CodePage项，则把值改为十进制”65001”；

如果不存在，在该项下新建一个 DWORD（32位值），命名为“CodePage”，值设为“65001”3. 重启PowerShell后生效

安装好之后，运行一下看看版本号，我这边的powershell版本号相关信息如下：

(2) Git for Windows

使用git命令行：

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

运行过程截图：

二、如果已经安装Fluttter，需要更新请看（不更新的就跳过此步）：

要同时更新Flutter SDK和包，请使用以下命令：

flutter upgrade

三、配置环境变量：

如果想在命令行中使用 flutter 命令，你需要添加flutter的路径到path中去。这个和配置java环境变量是同样的做法，找到flutter安装路径，比如我的是E:\develop\flutter\bin，我复制这个路径，右键我的电脑-->属性-->高级系统属性-->环境变量-->找到PATH，点击编辑-->在最后把刚复制的路径粘贴进来，-->一直保存确定就可以了。

配置国内镜像：方便更新SDK

变量名：FLUTTER_STORAGE_BASE_URL；

变量值：https://storage.flutter-io.cn

变量名：PUB_HOSTED_URL

变量值：https://pub.flutter-io.cn

接下来，使用flutter --version查看一下版本号，看看环境变量配置好了没有。。如果如下图所示表示OK。

【大坑】注意：如果只输入flutter  或者输入flutter -version   那么flutter以为是下达了自动更新命令，会自动更新最新版本，这个一定要注意了。

四、开发工具的安装

（一）AS

Flutter对Android Studio的要求：需要安装3.0或者更高的版本。

关于AS安装，这个就不用说了，大家都安装了吧，jdk,sdk这些都配置好了吧.直接看下文好了。

（二） Flutter和Dart插件安装

Flutter需要Flutter和Dart插件才可以使用：

File --> settings --> Plugins --> Browse repositories，然后输入Flutter就可以下载了，Drat也是一样的道理。

• Flutter插件安装：
• 

 

• Dart插件安装：
• 
  安装好之后重启一下AS就可以使用插件了。

七、运行一个demo app

Flutter支持的sdk环境：Android 4.1（API 16）或者更高版本。

Android模拟器：推荐使用x86或者x86_64镜像。

创建project过程和普通安卓项目是很类似的。

注：防止创建Flutter项目卡住(卡在creating flutter project）

在Android Studio安装目录下的文件夹，找到 

 文件，在最后加上一句：

disable.android.first.run=true

（一）打开AS，点击 File --> New Flutter Project，选择Flutter application ，点击next，输入一个工程名字

注意：项目名称必须是小写，单词之间用下划线隔开，你看我这样创建就给我提示错误了，报错的如图所示。

错误示范
（二）输入包名，点击next，点击finish，等待编译就可以了。如果没配置好，这个时候往往会报错。

注意：这里可以支持ios和kotlin，如果需要的话可以勾上。

（三）首先模拟器，然后选择要运行的项目，注意了，这里有一个MainActivity和main.dart，选择main.dart，然后点击绿色的三角号图标运行（或者点击菜单栏    Run）就可以了。

Run运行示意图

我用的AS3.2，我截个图，菜单栏跟以前版本有点不同，之前的AS版本可以在Build菜单找到编译选项的。

AS3.2编译菜单栏

如果代码有更改，可以点击黄色的闪电图标

点击它之后就可以进行热加载。