前言
总所周知,现在互联网发展的非常快,从当初的安卓到后来的RectNative,再到后来ios出了swift,微信小程序也慢慢进入大众的视野,flutter、kotlin席卷而来,前端移动端越来越有意思,想要更好的紧跟时代步伐,必须不断的自我迭代和学习,今天给大家分享下flutter的环境配置,以androidstudio为例子。
1、需要在Androidstudio 的plugin菜单中下载dart 和 flutter插件,因为flutter的开发离不开dart语言,这俩插件建议先下载dart,再下载flutter,因为有依赖关系。
1@2x.png 2@2x.png
2、去dart官网下载dart-sdk,官方网址:https://dart.dev/get-dart#macos ,可以用终端去执行:
brew install dart
表示下载dart-sdk,这里可能需要翻墙,因为我下载到本地的,所以可以不用通过终端去下载。
3、下载完了之后可以校验一下配置是否成功,可以通过终端输入:
dart --version
flutter --version
来确定环境变量是否成功,如果没有成功需要配置环境变量。
配置的文件在 ~/.bash_profile里,
因为需要翻墙,所以镜像非常重要,Mac os 中国镜像地址:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
保存文件后,在运行
$ source ~/.bash_profile
4、配置环境变量
同样的在刚才的bash_profile文件中加上环境变量的配置:
export DART_HOME=/Users/colin/dart-sdk/bin
export PATH=/Users/colin/flutter/bin:{DART_HOME}:${PATH}"
其中“/Users/Colin/”是我的文件根目录,这个需要自己变化。然后command+s 保存,退出终端即可。
5、上面的步骤完事儿之后,重启AndroidStudio,去菜单页面的Languages-frameworks 里面分别设置dart 和 flutter 的sdk引用即可:
3@2x.png 4@2x.png
6、通过菜单New flutter Project 并选择对应的flutter sdk即可,至此,一个初行的flutter项目就创建完成。
5@2x.png 6@2x.png 7@2x.png 8@2x.png
网友评论