flutter入门

以下教程以mac配置为主

1、sdk获取()
git clone -b master https://github.com/flutter/flutter.git

 ./flutter/bin/flutter --version
2、国内需要设置镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn //(国内用户需设置)

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //(国内用户需设置)
3、路径配置(此路径为自己flutter文件夹路径)
export PATH=$PATH:/Users/yijiaanhao/Desktop/flutter/flutter/bin
4、执行 flutter doctor

此时可能出现以下情况:

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

image.png
5、android studio flutter 配置

在android studio 界面点击Preferences>Plugins:搜索 flutterdart并安装、重启android studio。

image.png

6、flutter Path配置

bash_profile编辑添加:

export PATH=[你Git的flutter工程目录]/flutter/bin:$PATH

eg:

image

运行以下命令行进行刷新:

source ~/.bash_profile

运行以下命令验证flutter/bin目录在PATH中:

echo $PATH

三、iOS环境依赖

需要通过homebrew安装用于将Flutter应用程序部署到iOS设备的环境和工具:

brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods

不同情况下回 遇到很多不同情况,如果不成功可以通过flutter doctor来定位问题

四、创建一个Flutter项目

经过上面三部环境基本上差不多了,现在来建立一个Flutter项目。
进入你想存放项目的目录,执行命令行:

flutter create flutterapp  *切记不要大写!!!
五、在flutterapp目录下,cmd输入
flutter run 

这个时候会提示你所连接真机的信息,如下图,其中*后面的为手机id


image.png
6、执行命令行flutter run -d 手机id 等待一段时间后便会在你手机上运行项目

eg:

flutter run -d 0167B477-B0CC-4FAD-8403-837FC941500B
7、热重载功能

下载vscode,并安装flutter插件,然后点击下方绿色按钮,会在需要安装一些配置环境,等安装完成后,vscode会自动连接xcode的模拟机(安卓应该同样如此)。


image.png

此时当你改动main.dart里面的代码时,你会发现页面已经自动刷新。


image.png

image.png

后面我会继续写一些关于flutter操作,大家一起进步!!!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 莎士比亚说,“最好的戏剧也不过是人生的缩影。”前段时间我去参加了即兴表演,不是我想当演员,而是想通过表演,找到最初...
    小狮子Emily阅读 627评论 4 1
  • 文/陌宇轩 你开着解放车 带着我们一起爬上了最北的山坡儿 那满山的杜鹃 像你脸上绽放的花朵 我们一口气爬上了最顶峰...
    小哲小诗阅读 121评论 0 0
  • 看着同学们一个个的离校,送走了一个又一个,当初发誓不要最后一个走,最后却成了最后一个走的人 还记得还没考证之前就在...
    老邓头2333阅读 303评论 0 0
  • 请问上图是什么? 有人说是十,有人说是石头。 再来,这个又是什么呢? 有人说是五,有人说是布。 最后一张,请问这是...
    烁羽阅读 648评论 0 4