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.