Flutter mac环境配置2020年

1.从 GitHub 上的 Flutter repo获取源代码 

wangfeidembp:~ wangfei$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
wangfeidembp:~ wangfei$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
wangfeidembp:~ wangfei$ git clone https://github.com/flutter/flutter.git -b stable

2.配置环境变量

wangfeidembp:~ wangfei$ sudo vim ~/.bash_profile 
Password:

输入如下内容
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export Flutter_Home=/Users/wangfei/flutter
export PATH=$PATH:$Flutter_Home/bin
export PATH=$PATH:$Flutter_Home/bin/cache/dart-sdk/bin
退出保存
esc 
:wq
更新环境变量
source $HOME/.bash_profile
查看是否生效
wangfeidembp:~ wangfei$ echo $PATH

3. 查看版本，会自动下载sdk

flutter --version

4.开发二进制文件预下载（可选操作）

flutter precache

5.平台的配置

参考https://flutter.cn/docs/get-started/install/macos

下面贴一些我终端的关键步骤，我xcode和andrioStuido都是安装过了的。

wangfeidembp:~ wangfei$ flutter doctor
之后可看到一些状态

可以看到插件没装，协议没同意，接着安装AdroidStuido 的插件 和vsCode的插件，

wangfeidembp:~ wangfei$ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
Password:
wangfeidembp:~ wangfei$ sudo xcodebuild -runFirstLaunch
wangfeidembp:~ wangfei$ sudo xcodebuild -license

wangfeidembp:~ wangfei$ open -a Simulator
wangfeidembp:~ wangfei$ cd /Users/wangfei/Desktop 
wangfeidembp:Desktop wangfei$ cd flutterStudy/
wangfeidembp:flutterStudy wangfei$ flutter create my_app

上述操作对应一些截图

看到All done 说明创建项目成功，如下图

下面运行项目

之后可以看到ios模拟器上成功运行起来了

下面来运行到iphone真机设备上。

遇到问题就按上边最下面提示, open ios/Runner.xcworkspace

会在xcode中打开，选择真机iphone，运行一下就可以了。

 

最后的完善一些操作，创建Android模拟器，并打开。

查看下连的设备，同意下协议。

之后就可以打开AndroidStudio,VSCode运行项目了。

6.遇到问题

用android Studio或VSCode运行ios真机时，一直报这个错,

Error connecting to the service protocol: failed to connect to http://127.0.0.1:1027/bJnq26E4_PA=/

有的说是重启Xcode，我最后是暂时禁用了我电脑上的这个东西。

打开终端执行：

brew unlink libimobiledevice

重启android Studio或VSCode.

有网上说是下面的原因

• 修改 .bash_profile 设置 NO_PROXY=localhost,127.0.0.1
• 终端运行 source .bash_profile

反正都试下。最后都要重启AndrioStudio 和 xcode