（二）Flutter 搭建 Android Stduio +win10和 VsCode +win10和基础的cmd命令行

Android Stduio +win10 

VsCode +win10

mac 教程没有~

注意 as 必须是最新版 当前是3.2

1、基本开发环境搭建
1.1、获取Flutter SDK
官方网址在这里：https://flutterchina.club/setup-windows/，在网页上找到相应的SDK并下载，

当前正式版1.0.0

下载该zip文件然后解压到相应的目录中去，这里我解压到了H盘下的Flutter文件夹中，

H:\dev\flutter

接下来配置环境变量，即把flutter中的bin文件夹添加到系统的Path中去，如下所示： 

H:\dev\flutter\bin

配置完环境变量后，接下来打开命令行窗口输入flutter doctor命令来检查开发环境： 

1.2、Android Studio安装Flutter插件
在插件中搜索Flutter，然后进行安装： 
安装Flutter插件时也会自动下载Dart插件，如下所示，点击Yes等待安装完成即可： 
1.3、配置Flutter及Dart路径
在Android Studio中打开设置，在Languages & Frameworks中可以看到多了Flutter和Dart两个选项，按照下图配置自己的Flutter和Dart路径即可： 

先配置Dart

H:\dev\flutter\bin\cache\dart-sdk

再配置Flutter 

H:\dev\flutter

2、新建Flutter工程
配置完flutter插件后
在FIle->New->New Flutter Project->Flutter Application 设置好~~

然后第一次要多等一会 我的卡在哪里好久了 10来分钟 所以我果断重启了 

然后再用stduio 打开刚才创建的目录 运行 然后就可以拉~~

下面是官方的说明 不用studio的可以试试如下

检测 是否安装成功

flutter doctor

λ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.0.0, on Microsoft Windows [Version 10.0.15063], locale zh-CN)
[!] Android toolchain - develop for Android devices (Android SDK 28.0.3)
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
[√] Android Studio (version 3.1)
[√] Android Studio (version 3.2)
[√] IntelliJ IDEA Ultimate Edition (version 2018.2)
[√] VS Code, 64-bit edition (version 1.21.1)
[!] Connected device
    ! No devices available

! Doctor found issues in 2 categories.

可以看到 android 需要再次运行如下命令来同意安卓的协议

flutter doctor --android-licenses

然后就各种协议问你同意不 选择y就好了

设置您的Android设备

要准备在Android设备上运行并测试您的Flutter应用，您需要安装Android 4.1（API level 16）或更高版本的Android设备.

1. 在您的设备上启用 开发人员选项 和 USB调试 。详细说明可在Android文档中找到。
2. 使用USB将手机插入电脑。如果您的设备出现提示，请授权您的计算机访问您的设备。
3. 在终端中，运行 flutter devices 命令以验证Flutter识别您连接的Android设备。
4. 运行启动您的应用程序 flutter run。

执行Flutter项目
将终端目录移动至项目根目录下，输入命令，执行Flutter项目

flutter run

在连接电脑的Android设备上会运行Flutter项目

使用IDEA开发Flutter
启动IDEA-IC后，按下图所示，点击Plugins进入插件管理页面

在插件管理页面，搜索Dart、Flutter两个插件并点击安装

下载插件后，点击创建新项目，先选择Dart，在对应位置填入Dart SDK的path 位置同上

最后再选择Flutter，在对应位置填入Flutter SDK的path，然后点击创建按钮，就可以创建一个新的Flutter项目了
 

VsCode +win10

下载vsCode并安装 我的安装后查看版本如下

Version: 1.29.1 (user setup)
Commit: bc24f98b5f70467bc689abf41cc5550ca637088e
Date: 2018-11-15T19:13:36.375Z
Electron: 2.0.12
Chrome: 61.0.3163.100
Node.js: 8.9.3
V8: 6.1.534.41
Architecture: x64

Ctrl+shift+x

安装Dart 和 flutter 并重启

命令行检测环境 如上所示我就不再写一次了

flutter doctor

....

vs执行命令行 TERMINAL

检测电脑端的模拟器

flutter emulator

得到如下所示

2 available emulators:
Nexus_5X_API_24 • Nexus 5X • Google • Nexus 5X API 24
Nexus_5X_API_28 • Nexus 5X • Google • Nexus 5X API 28 To run an emulator, run 'flutter emulators --launch <emulator id>'.To create a new emulator, run 'flutter emulators --create [--name xyz]'.

You can find more information on managing emulators at the links below:
  https://developer.android.com/studio/run/managing-avds
  https://developer.android.com/studio/command-line/avdmanager

这是as 创建的模拟器 ios 创建的模拟器 这个地方也会显示出来

可以得知模拟器的名字为Nexus_5X_API_24 Nexus_5X_API_28两个

想启动其中的一个

flutter emulator --launch Nexus_5X_API_24

运行到所有模拟器

flutter run

运行到指定模拟器

flutter run -d 设备名称

设备名称不是指的上面的那个名字

是可以通过

adb devices

来获取

当修改lib 下的main.dart代码以后 

ctrl+s保存

可以通过Ctrl +c终止命令行

然后再通过flutter run 命令运行

他就会提示

?  To hot reload changes while running, press "r". To hot restart (and rebuild state), press "R".

所以我们每次修改不必 都Ctrl+c 然后Flutter run

我们修改以后

Ctrl+s

在终端按r即可更新UI

flutter 创建项目

先使用cd命令进入到想要创建的目录

然后使用 

flutter create 工程名

flutter create nihao_flutter
cd nihao_flutter
code ./

其中第三条命令就是使用vsCode 打开本地本地项目地址

也可以在flutter code中ctrl +shfit+p输入flutter

会提示出来一个Flutter:New Project

也可以创建工程

查看版本

flutter --version

更新版本

flutter upgrade