一、安装Xcode
二、安装Android Studio
1、首先安装JDK
2、接下来【下载并安装Android Studio】
三、安装VSCode
1、前往应用程序将下载好的VSCode拖拽进去即可。
2、安装Flutter插件。
四、安装Flutter SDK
1、【下载Flutter SDK】 把下载好的 Flutter SDK 解压到你想安装 sdk 的文件夹下。
2、使用镜像
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中。可以通过 git clone -b stable https://github.com/flutter/flutter.git下载,然后把flutter中的bin路径配置到环境变量中。
vim ~/.bash_profile
export PATH=/Users/liyongfei/Documents/项目/flutter/sdk/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
source ~/.bash_profile
注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。
3、运行 flutter doctor 命令检测环境
第一个错误解决方法:
运行:flutter doctor --android-licenses
第二个错误解决方法:
逐个运行以下命令
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy
第三个错误解决方法:打开Android Studio安装Flutter plugin和Dart plugin。
第四个警告解决方法:连接一个真机或模拟器就可以了。
4、再次运行flutter doctor
五、创建项目并运行
1、创建项目
flutter create flutter_shop
2、运行项目
flutter run
r 键:点击后热加载,也就算是重新加载吧。
p 键:显示网格,这个可以很好的掌握布局情况,工作中很有用。
o 键:切换 android 和 ios 的预览模式。
q 键:退出调试预览模式。
领取专属 10元无门槛券
私享最新 技术干货