俗话说“工欲善其事，必先利其器”。选择一个合适的工具，并配置好是很有必要的。下面介绍Flutter 应用开发的再Windows与Macos的安装与配置，并开启Flutter学习之旅的第一个Demo。
1 Windows 工具下载安装配置
1.1 windows 开发工具常用vscode，AndroidStudio，IntelliJ。官方推荐vscode,androidstudio。下载并安装 Android Studio，下载地址：https://developer.android.com/studio/index.html 。
1.2 启动Android Studio，再执行“Android Studio安装向导”。
1.3 成功启动后需要在工具上面安装两个插件，分别是Flutter插件，Dart插件。Flutter插件作用方便调试 运行 热重载等。Dart插件语法智能提示，检验等。
1.4 依次打开 File，setting，plugins。在搜索框输入要安装插件名(如flutter或 dart),再点install进行安装。安装完后重启工具才能生效。
Flutter插件安装，上面是安装好的
Dart插件 安装
2 Macos 工具下载安装配置
2.1 Ios开发Flutter应用需要在macos上安装Xcode9.0以上。安装Xcode 9.0或更新版本(通过链接下载https://developer.apple.com/xcode/ 或苹果应用商店https://itunes.apple.com/us/app/xcode/id497799835).。
2.2 xcode 命令行配置以使用新安装的Xcode版本,命令如下sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer。切换其他版本需要重新配置。
2.3 确保Xcode许可协议是通过打开一次Xcode或通过命令sudo xcodebuild -license同意过了
3 模拟器安装(有真机用真机)，时间工作有时没太多手机，可以用模拟器
3.1 模拟器推荐使用夜神。下载地址https://www.yeshen.com/
3.2 安装一路点next
3.3 模拟器配置
模拟器配置
3.4 启动模拟器，命令行(如 cd D:\Program Files\Nox\bin> )进入到夜神安装文件的bin目录下,再通过命令adb connect 127.0.0.1:62001, 让模拟器连接上电脑。出现如下连接成功
模拟器成功链接提示
androidstudio工具出现如下 说明与模拟器连接上了。没有出现需要重启工具，重启还是没有，杀adb进程，模拟器重启， 重新命令行链接。
工具与模拟器连接上
4 Demo初体验
4.1 依次点击 点File > 点New Flutter Project>选Flutter Application>点Next >project name 根据情况修改>最后点Next
创建项目第一步
创建项目第三步
创建项目第三步
4.2 Demo run起来
点绿色箭头或小昆虫都可以，小昆虫方便打断点调试
控制台出现这些提示 说明demo应用成功安装模拟器
模拟器demo界面效果
4.3 当修改项目文件应用，想快速安装应用，操作如下
点击黄色闪电，快速安装，Flutter插件的热重载，提升效率。
上一讲 1-Flutter简介与环境搭建
觉得Flutter怎样，欢迎下方留言？
网友评论