Flutter系列之开篇：环境搭建与配置

目录

前言

windows平台环境搭建

mac平台环境搭建

---

前言

我们使用Java语言开发Android App时，需要配置Jdk环境。同样的，Flutter采用Dart语言开发App，所以需要配置Flutter Sdk环境（内置了Dart Sdk）。

我们知道，现在风行的跨平台框架如React-Native等采用js作为开发语言。那么，Flutter为什么选择Dart语言？因为Dart是Google的亲儿子!其实，Google程序员最初创立Dart语言是为了取代js，作为浏览器脚本运行在浏览器中。在这之后，Google在Chrome浏览器中内置了Dart VM引擎。然而，随着移动互联网及跨平台之风的盛行，一举将js扶上宝座，Dart望尘莫及。如今Google推出自己的跨平台框架，当然要扶自家儿子上位。

由此我想到了Kotlin，2017年Google I/O大会宣布Kotlin成为android开发的官方语言。Kotlin是后起之秀，诚然具有现代编程语言的优良特性。不过这背后与Google同Oracle长达十年的java版权纠纷官司并屡屡败诉不无关系。哈哈。

windows平台环境搭建

1.官网下载Sdk：https://flutter.dev/docs/get-started/install/windows。

2.解压压缩包至某目录下，如E:\，注意不要选择带有空格字符或者汉字的路径，如C:\Program Files。至于原因，如果你是个优秀的程序员，应当明白。

3.进入flutter根目录..\flutter,双击运行flutter_console.bat。

出来的cmd界面是这样的：

上面的提示信息大意如下：

这是Flutter命令行控制台，用来执行flutter命令。flutter doctor命令用于检测你的系统运行Flutter app的外在条件的配置状况，如Android Studio是否安装等。doctor是“医生”的意思，医生不就是用来诊断病情的么？这样就容易理解这个命令了。运行flutter create <app_name> 创建一个flutter项目。运行flutter help 查看所有可用的命令。

我们运行下flutter doctor命令。

可以看到，flutter sdk ok，android studio ok，由于我还没连接任何可调试设备，所以Connected device项是：No devices available。在后续的开发中，我们可以随时运行flutter doctor命令检测flutter运行环境的情况。

4.任意cmd窗口执行flutter命令。

如果想任意cmd窗口可执行flutter命令，需将..\flutter\bin目录添加至PATH环境变量中。

控制面板→系统和安全→系统→高级系统设置→环境变量，若不存在PATH变量需先创建之，然后为PATH变量追加../flutter/bin路径，如E:\flutter\bin。

5.Android Studio中配置Flutter。

File→Setting→Language & Frameworks→Flutter，选择Flutter主目录。因为Flutter内置Dart sdk，所以无需如外配置Dart。

mac平台环境搭建

1.官网下载Sdk：https://flutter.dev/docs/get-started/install/macos。

2.解压压缩包至某目录，如～。

 $ cd ~
 $ unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip

3.当前cmd窗口临时运行flutter命令。

$ export PATH="$PATH:`pwd`/flutter/bin"

flutter doctor命令用于检测你的系统运行Flutter app的外在条件的配置状况，如Android Studio是否安装等。doctor是“医生”的意思，医生不就是用来诊断病情的么？这样就容易理解这个命令了。运行flutter doctor，

可以看到，flutter sdk ok，android studio ok，由于我还没连接任何可调试设备，所以Connected device项是：No devices available。在后续的开发中，我们可以随时运行flutter doctor命令检测flutter运行环境的情况。

我们还可以运行flutter help命令查看所有可用的flutter命令。

4.任意cmd窗口运行flutter命令。

在3中的方式只对当前临时cmd窗口有效，关闭后再打开就无效了,无法执行flutter命令。通过下面的方式设置永久有效：

1⃣️打开$HOME/.bash_profile文件，

$ open $HOME/.bash_profile

如果不存在该文件，需要先创建它，

$ touch $HOME/.bash_profile

$HOME目录表示/Users/<用户名>，你可以使用实际路径，也可以直接用$HOME或~代指。

2⃣️在.bash_profile文件中写入，

export PATH="$PATH:[..]/flutter/bin"

[..]代表flutter sdk解压后根目录所在目录，如$HOME

$ export PATH="$PATH:$HOME/flutter/bin"

 

关闭.bash_profile文件，运行source命令，使其立即生效，

$ source $HOME/.bash_profile

3⃣️运行echo命令验证是否添加至PATH，

$ echo $PATH

5.Android Studio中配置Flutter。

Android Studio→Preferences→Language & Frameworks→Flutter，选择Flutter主目录。因为Flutter内置Dart Sdk，所以无需如外配置Dart。

 

关注PigAndroid公众号，可随时接收优质技术文章：