最近Flutter的热度很高。话不多说，直接进入安装步骤，马上体验Flutter！

环境安装

你可以参考Flutter中文网的环境安装教程。

mac精简安装步骤如下

一、安装包下载

解压完成后，我们cd到安装包的目录

cd ~/development 

二、添加flutter相关工具到path中：

export PATH=`pwd`/flutter/bin:$PATH 

此代码只能暂时针对当前命令行窗口设置PATH环境变量，要想永久将Flutter添加到PATH中,需要修改 .bash_profile 文件

Jietu_flutter_config.jpg

添加如下内容:

export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置 export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH 

注意：PATH_TO_FLUTTER_GIT_DIRECTORY 为你flutter安装包所在的路径，比如“~/development/flutter/bin”

如果使用zsh，终端启动时 ~/.bash_profile 将不会被加载，所以需要修改 ~/.zshrc ,在其中添加:

source ~/.bash_profile 

重启终端或者执行source $HOME/.bash_profile刷新当前终端窗口

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

flutter doctor 

检查通过后输出如下：

Jietu_flutter_doctor.jpg

一般环境配置问题在flutter doctor检查之后，会有明确的错误提示和解决办法，可以按照相关提示命令进行解决。

四、这里说一个我遇到的坑，如下图:

Jietu_flutter_plugins_error.png

采用Android studio开发，安装了flutter的 plugins 之后，flutter doctor 提示flutter 12.1版本过低。这是因为Android studio 版本过低。作为iOS开发，Android studio还是停留在 2.3版本，此时flutter 插件只能看到12.1版本。

Jietu_flutter_plugins_old.png

Android studio升级到3.2问题解决。

Jietu_flutter_plugins.jpg

创建工程

flutter doctor 检查环境通过之后，就可以创建第一个flutter工程了，此时打开Android studio就可以看见flutter工程模板如下：

Jietu_flutter_create.jpg

方式二

Jietu_flutter_create1.jpg

方式三 通过命令创建

flutter create helloflutter 

这里创建了一个名为helloflutter的 Dart package

参数介绍:

要创建插件包，请使用--template=plugin参数执行flutter create
使用--org选项指定您的组织，并使用反向域名表示法。该值用于生成的Android和iOS代码中的各种包和包标识符。

flutter create --org com.example --template=plugin helloflutter 

默认情况下，插件项目针对iOS代码使用Objective-C，Android代码使用Java。如果您更喜欢Swift或Kotlin，则可以使用-i 或 -a 为iOS或Android指定语言。例如：

flutter create --template=plugin -i swift -a kotlin helloflutter 

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