【flutter项目实战】第一节 开发环境配置及IDE安装

一 下载flutterSDK

这个就很简单了，去官网下载就OK了
flutter官网
下载完成后，解压到一个无需高级权限以及中文目录名、空格目录名的目录里
例如：D:/code/flutterSDK/

二 配置环境变量

mac 的同学自行百度

windows 的宝宝看这里

1.打开系统环境变量

在搜索栏 输入 env ，回车

如果你搜索到的不是这样的，也可以

2.设置环境变量

首先我们需要知道一个区别

类型	说明
用户变量	所有设置仅当前登录用户有效
系统变量	所有设置针对所有用户有效，也就是这台电脑不关是什么账户都生效

在 PATH 里设置SDK的bin目录，比如我的:

S:\code\Flutter\SDK\flutter_windows_3.11.4-stable\flutter\bin

保存即可

二 安装Android studio

1. 首先，官网下载 官网下载Android studio
2. 安装Android studio
3. 这个时候，可能提示你下载android studio SDK，直接不用管，关闭即可，进入下面的界面
   
4. 点击 New Project 弹出以下提示框
   
5. 点击 Open SDK Manager
   
6. 进入SDK下载界面，设置SDK目录，点击下一步
   
7. 然后一路下一步一直到安装完成
   
8. 安装其他组件(在SDK Tools 里)

Android SDK Platform, API 34.0.0
Android SDK Command-line Tools
Android SDK Build-Tools
Android SDK Platform-Tools
Android Emulator

然后一路安装即可

三 配置模拟器

1. 随便新建一个项目，进入主界面
2. 打开 Device Manager
   
3. 新建一个模拟器

点击 + ,新建模拟器

4. 选择一个模拟器，然后下一步
   
5. 选择一个API版本，这里我选择33，是因为34是最新的，不建议选最新的版本，点击下载按钮开始下载
   
6. 安装硬件加速，设置内存大小为合适的数字即可，我32G设置了8G，然后安装即可
   
7. 运行测试虚拟机是否合适
   

四 Android Studio 安装flutter插件

重启 Android Studio 即可

五 Android Studio 配置Flutter SDK

1. 打开开发语言设置

2. ③的位置就是你上面下载的flutterSDK的位置
   
3. 保存完毕
4. 此时，新建项目里，就出现了flutter project

六 同意所有许可证

1. 用管理员权限打开 powerShell
2. flutter doctor --android-licenses

如果出现以下错误，

请在系统环境变量中，加入新变量

3. 重新打开 powerShell，运行 flutter doctor --android-licenses
   

这样，就正常， 一直y 即可

提示这个，表示完成

七 最后的检查

在新的 powerShell 中执行 flutter doctor

解释以下这里的几项的内容

1. Flutter ：flutter SDK的安装情况
2. Windows： flutter是否对当前Windows支持
3. Android ****:Android的SDK等相关是否安装
4. Chrome：谷歌浏览器是否安装
5. Visual Studio ：Visual Studio 是否安装
6. Android Studio：Android Studio 是否安装
7. Connected device: 可连接到的模拟器或设备数量
8. Network resources: 与maven网站的联通情况

1. Visual Studio not installed

如果你有桌面开发等需求，则需要安装Visual Studio，否则忽略

2. A network error occurred while checking “https://maven.google.com/”

因为国内无法直接访问maven服务器，所以这里需要使用国内源解决
这里说一个除根的办法

1. 打开FLUTTER SDK目录
2. 找到flutter_windows_xxxx-stable\flutter\packages\flutter_tools\lib\src\http_host_validator.dart
3. 修改https://maven.google.com/ 为 http://maven.aliyun.com/nexus/content/groups/public/

/// Common Flutter HTTP hosts.
const String kCloudHost = 'https://storage.googleapis.com/';
const String kCocoaPods = 'https://cocoapods.org/';
const String kGitHub = 'https://github.com/';
// const String kMaven = 'https://maven.google.com/';
const String kMaven = 'http://maven.aliyun.com/nexus/content/groups/public/';
const String kPubDev = 'https://pub.dev/';

4. 然后删除flutter_windows_xxxx-stable\flutter\bin\cache文件夹
5. 重新运行 flutter doctor 即可

   这里运行的时候可能会很久，耐心等待即可

八 结束