刚刚接触了Flutter，这里把搭建环境的，以及从中遇到的坑过程记录下来。

环境搭建

1、配置用户环境变量

终端打开vim ~/.bash_profile，选择编辑，在后面加入

export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 

:wq保存退出

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

2、下载Flutter SDK

跳转到 Flutter Mac 下载链接 下载

3、添加用户环境变量

// （/Users/iosapp/Downloads/flutter/bin）你下载的Flutter SDK 的bin目录 export PATH=/Users/iosapp/Downloads/flutter/bin:$PATH //(/Users/iosapp/Library/Android/sdk) android sdk的目录export ANDROID_HOME="/Users/iosapp/Library/Android/sdk" export PATH=${PATH}:${ANDROID_HOME}/tools export PATH=${PATH}:${ANDROID_HOME}/platform-tools

4、运行 Flutter Doctor

运行以下命令查看是否需要安装其它依赖项来完成安装

flutter doctor

可能出现的问题

在 flutter doctor 如果没问题，则会出现以下全部打钩（这关系到项目构建）

image.png

一、第一个打钩说明我的Flutter安装没问题
二、第二个对勾说明我的Android SDK没问题（如果有问题根据他的提示操作）
三、第三个是说iOS工具没安装好, 具体就是需要安装他提供的两个库 按照他的说法终端执行如下操作

brew install --HEAD libimobiledevice brew install ideviceinstaller 

四五、Flutter插件问题

✗ Flutter plugin not installed; this adds Flutter specific functionality.✗ Dart plugin not installed; this adds Dart specific functionality. 

出现这两个就是Flutter的插件问题，安装Flutter插件 Dart插件也会安装，如果你电脑装有Android Studio和IntelliJ，各自打开他们的Perforences，选择Plugins，搜索Flutter，选择安装

image.png

当这些问题解决后，创建一个项目

image.png

选择Application项目，运行

image.png
第一个Flutter项目就出来啦~
image.png
本页内容由塔灯网络科技有限公司通过网络收集编辑所得，所有资料仅供用户学习参考，本站不拥有所有权，如您认为本网页中由涉嫌抄袭的内容，请及时与我们联系，并提供相关证据，工作人员会在5工作日内联系您，一经查实，本站立刻删除侵权内容。本文链接:http://dengtar.com/17765.html