欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Flutter 安装

程序员文章站 2022-03-24 18:20:09
都说程序猿学习是不分平台的,做了一辈子的Xaml,也想看看现在最牛逼的移动技术。 看了看Google 的Flutter,好像很牛逼,不怎么需要Android和IOS基础(应该还是要的), 不过现在是Beta版本,但是又说跟Fuschia 有关系,又是一个很牛逼的东西。 于是下载来品尝一下。 先上几个 ......

都说程序猿学习是不分平台的,做了一辈子的xaml,也想看看现在最牛逼的移动技术。

看了看google 的flutter,好像很牛逼,不怎么需要android和ios基础(应该还是要的),

不过现在是beta版本,但是又说跟fuschia 有关系,又是一个很牛逼的东西。

于是下载来品尝一下。

先上几个网址:

flutter英文官网

flutter中文

flutter中文论坛

虽然是beta版本,但是可以查资料的地方还是蛮多的。(吐槽下我软)

还有很多地方。知乎,简书,博客,不过有些问题需要*。不知道最近说的google要来中国靠谱不,希望起码让我们这些程序猿查资料不那么难吧。

开始:

肯定选windows,毕竟是软粉

下载git for windows 

安装git,默认是选1,

这就会导致最后使用androidstudio生成flutter项目的时候报错:android studio  flutter create command was unsuccessful

各种网上查没有结果,后面灵机一动,重装git的时候注意到这个细节。完美安装成功

Flutter 安装

安装好之后开始执行:

git clone -b beta https://github.com/flutter/flutter.git

把flutter clone到本地来:默认路径是c:\users\你的账户\flutter.

接下来配置你的环境

控制面板-用户账户和家庭安全-用户账户-左边更改我的环境变量

新建2个

 Flutter 安装

pub_hosted_url=https://pub.flutter-io.cn
flutter_storage_base_url=https://storage.flutter-io.cn

 在paht 变量里面 新增 c:\users\你的账户\flutter\bin

重启电脑。。。让配置生效

 

下载android studio 安装完毕之后.

Flutter 安装

configure-plugins  在搜索框中输入flutter然后点击

Flutter 安装 

这里可能会搜索不到,在网上看了一下。需要做一个设置 到settings 里面的按照下图的路径 找到updates ,把use secure connection前面的√去掉

Flutter 安装

下载的时候会提醒下载dart。。这是flutter框架的语言。一起下载好之后。

 

打开gitcmd 输入

 flutter doctor

就是检查你的flutter的环境搭建成功没有, 然后根据提示来操作(现在应该就只有几个license需要接受下,一路y就好了)

再次来到android studio 可以看到 已经有创建flutter project的选项

Flutter 安装

 

Flutter 安装

下面我们就创建第一个flutter 项目(plugin和package 后面讲),吐槽一下creating过程有点慢

喝杯水再来。。。创建好的项目如下图。。启动页面在mian.dart

Flutter 安装

如果你是想用模拟器的。。请确保你的cpu支持virtualization  你可以进去bios设置开启。。

启动当中说没有intel haxm。。好吧。又去下载 haxm

如果你用安卓真机调试,注意开启手机的开发者模式和允许usb安装,没有识别出驱动的去下载adb driver

经过漫长的Flutter 安装(被墙真是尴尬)

你的第一个flutter 程序启动了起来。。一个很简单的demo。。点击按钮增加数字。。你可以玩一下hot reload。。修改下代码。。点那个闪电。。很快就能体现在应用上了。。

 哎呦不错哦。