Flutter入门: 在macOS上搭建Flutter开发环境

Flutter入门: 在macOS上搭建Flutter开发环境

之前看过一遍,过段时间又忘记了,和重新学习差不多。时间和精力都浪费了。

学习flutter 冲入门安装开始,逐步的深入,深入,再深入,嘿嘿嘿。。。

打开Flutter中文网

第一步:选择安装的操作系统MACOS,也就是你的Mac系统;

(1)使用镜像

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考  以获得有关镜像服务器的最新动态。

(2) 获取Flutter SDK文件

第一种获取方式:到官网上下载:

第二种获取方式:到git上clone ,即:git clone -b dev https://github.com/flutter/flutter.git

得到Sdk文件后(下载是压缩的包的话,需要解压),放到一个非中文名称的文件下;

(3)配置环境变量

打开命令终端:

open ~/.bash_profile 回车,即可打开文件, 我的文件内容如下(里面包含对Android开发环境对配置):

export MAVEN_HOME=/Library/apache-maven-3.5.0
export ANDROID_HOME=/Users/你的电脑名称/Library/Android/sdk
export ANDROID_NDK=/Users/你的电脑名称/Library/Android/sdk/ndk-bundle
export ANDROID_GRADLE=/Applications/Android\ Studio.app/Contents/gradle/gradle-4.4
export PUB_HOSTED_URL=https://pub.flutter-io.cn //--flutter相关
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn  //--flutter相关
export PATH_TO_FLUTTER_GIT_DIRECTORY=/Users/你的电脑名称/flutter //--flutter相关,flutter的路径
export PATH=${MACPATH}:${MAVEN_HOME}/bin:${ANDROID_HOME}/tools:${ANDROID_HOME}/platform-tools:${ANDROID_NDK}:${ANDROID_GRADLE}/bin:${PATH_TO_FLUTTER_GIT_DIRECTORY}/bin:

说明:

1、上面的//--是我的注释,复制的话,不能出现bash_profile文件中;

2、:${PATH_TO_FLUTTER_GIT_DIRECTORY}/bin:是flutter的配置

以上两部是环境变量的配置

(4)检查是否需要安装其他依赖项

运行 Flutter doctor 回车即可;正常的结果如下,这样flutter的环境配置就完成了。

注意事项:

1、Flutter doctor 的时候需要安装一些文件,耐心的等一会。

2、Flutter doctor 安装文件之后,再次运行,会交验Android 和 Ios 的开发环境,如果没有 ,会显示红X ;

然后按照里面的提示,逐个运行安装就可以了

3、有疑问的话,可以加我微信:lanjixingxun 随时咨询哦;