Flutter开发实战--开发环境搭建

开发环境：macOS

一、设置环境变量

打开终端，而后打开环境变量配置文件，若是不加sudo可能没有权限

sudo vi ~/.bash_profile
复制代码

编辑完以后，按ESC键，输入:wq保存退出，若是不想保存就输入:q

二、获取Flutter SDK

SDK下载页
下载完成后将其解压到你想安装的目录。

建立安装目录
mkdir Programfiles

进入该目录
cd ~/Programfiles

解压flutter安装包
unzip ~/Downloads/flutter_macos_v1.7.8+hotfix.3-stable.zip
复制代码

本文安装目录为/Users/shanggushenpeng/Programfiles

三、添加flutter相关工具到path中

官方文档中给咱们了一种临时设置path的方法就是

export PATH=`pwd`/flutter/bin:$PATH
复制代码

上面代码只能暂时针对当前命令行窗口设置PATH环境变量，要想永久将Flutter添加到PATH中,须要修改 .bash_profile 文件

重启终端或者执行source $HOME/.bash_profile刷新当前终端窗口。

四、运行flutter doctor

运行如下命令查看是否须要安装其它依赖项来完成安装

flutter doctor
复制代码

该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了，没有必要单独安装Dart。 仔细检查命令行输出以获取可能须要安装的其余软件或进一步须要执行的任务。

下面是我运行上述命令后输出结果的截图。

图片中信息提示电脑尚未安装Android SDK、Xcode以及iOS工具。

ps: 本人是一名前端程序员，因此电脑中没有配置过客户端开发相关工具。

前后安装Android studio和Xcode以后再次执行flutter doctor命令，获得下面输出信息。

根据提示的错误信息，执行下面命令：

flutter doctor --android-licenses
复制代码

根据提示一直输入y便可。再次执行flutter doctor命令，获得下面输出信息。

如今还提示咱们Xcode没有安装成功，须要咱们执行下面命令。

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
复制代码

执行上面命令后获得下面错误：

xcode-select: error: invalid developer directory '/Applications/Xcode.app/Contents/Developer'
复制代码

出现这个错误是由于第一次安装Xcode是从苹果官网下载的安装包，网上有人遇到一样问题，有两种解决方法（推荐第二种）：

一、在APP Store中从新安装一次Xcode。（比较low）
二、将安装好的Xcode移动的应用程序里面，而后再次执行上面命令。（若是是Xcode-beta版本要重命名为Xcode）。

关于IOS tool的相关错误则根据提示一次执行下面命令：

brew install --HEAD usbmuxd
    brew link usbmuxd
    brew install --HEAD libimobiledevice
    brew install ideviceinstaller
    brew install ios-deploy
复制代码

再次执行flutter doctor命令，获得下面输出信息。

根据提示须要在Android Studio安装两个插件:

• Flutter插件： 支持Flutter开发工做流 (运行、调试、热重载等).
• Dart插件： 提供代码分析 (输入代码时进行验证、代码补全等)

安装方法
一、启动Android Studio.
二、打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
三、选择 Browse repositories…, 选择 Flutter 插件并点击 install.
四、重启Android Studio后插件生效.

再次执行flutter doctor命令，获得下面输出信息。

如今咱们flutter开发环境已经所有搭建完成。

参考文章

Flutter中文网
Mac Flutter 环境安装
在macOS上搭建Flutter开发环境~踩坑记录