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.

发布了96 篇原创文章 · 获赞 10 · 访问量 9万+

猜你喜欢

转载自blog.csdn.net/feifeiwuxian/article/details/104436481