2-Flutter 系统开发工具安装与配置

俗话说“工欲善其事，必先利其器”。选择一个合适的工具，并配置好是很有必要的。下面介绍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怎样，欢迎下方留言？