2019 Flutter 之旅 （一）环境搭建 （Window和Mac）

2019 开启 Flutter 之旅 （一）‘环境搭建’ （Window和Mac）

基本上按照 官网上说的的步骤就可以了，但是在windows上还是遇到一些问题。

下面说说在Window上搭建环境的集体步骤（官网上说的没有太清楚）

1. 下载 安装 git （之前安装过的请忽略）
2. 使用git 下载 flutter ——> git clone https://github.com/flutter/flutter.git （需要点时间，那么进行第三步）
3. 国内用户 设置flutter镜像(防止被墙)

• 新建变量名FLUTTER_STORAGE_BASE_URL
  变量值https://storage.flutter-io.cn
• 新建变量名PUB_HOSTED_URL
  变量值https://pub.flutter-io.cn

4. 配置环境变量 在Path变量添加如下

• …\flutter\bin (之前用git下载的flutter的bin目录)
• …\Git\bin (Git安装目录的bin目录)
• …\Git\mingw64\libexec\git-core(也在Git的安装目录中)

5. 配置好后 在cmd 下输入： flutter doctor

（在命令提示符或PowerShell窗口中运行此命令。目前，Flutter不支持像Git Bash这样的第三方shell。）

看到这张图就说明你配置成功啦！！

紧接着我们来新建一个 Flutter 项目。

1. AS中 setting ——>plugins——>Browse repositorise——> 搜索安装 Flutter 插件，重启生效。

2. 如果发现 File ——> New ——> New Flutter project(此选项不存在，别慌)

3. 百度了一大圈，如下图在plugins中将这三个选项全部打钩可解决。
   

4. 当去创建的时候又发现，会在creating flutter project。。。这里卡住。（如果停了5分钟以上就 果断结束进程吧，会发现文件已经创建好了），重启AS找到文件位置在打开就OK了。

5. 打开项目后，赶紧去感受一把传说中的‘热部署’（超爽的）。

补充一下 Mac 下的环境搭建

(1) 下载 flutter sdk

官网下载地址

(2) 配置环境变量

在命令行下：

		vim ~/.bash_profile

ps：这个文件是 “当前用户的” 环境变量

        export PATH=/app/flutter/bin:$PATH
		export PUB_HOSTED_URL=https://pub.flutter-io.cn
		export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
		
	    主要看上面三行，下面是Android相关的

		export ANDROID_HOME="/Users/xxxx/Library/Android/sdk"
		export PATH=${PATH}:${ANDROID_HOME}/tools
		export PATH=${PATH}:${ANDROID_HOME}/platform-tools		

ps： /app/flutter/bin:$PATH 这里的 ‘/app’ 是说我把 flutter sdk 解压到了 根目录的 app 文件夹下。

(3) 其他配置

环境变量配置好了，验证一下 命令行：flutter doctor 发现了下面问题

			Brew, run:
	        brew update
	        brew install --HEAD usbmuxd
	        brew link usbmuxd
	        brew install --HEAD libimobiledevice
	        brew install ideviceinstaller
	    ✗ ios-deploy not installed. To install:
	        brew install ios-deploy

IOS 需要 brew 工具下载一些文件

安装 brew 命令行：
/usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”
安装时间可能会比较长，安装好之后 按照上面的提升去一步步 安装其他需要的文件就好了

到这里Flutter 之路就算是 迈出了小小的第一步了！