资讯专栏INFORMATION COLUMN

Flutter 安装

番茄西红柿 / 957人阅读

摘要:都说程序猿学习是不分平台的,做了一辈子的,也想看看现在最牛逼的移动技术。不知道最近说的要来中国靠谱不,希望起码让我们这些程序猿查资料不那么难吧。让配置生效下载安装完毕之后在搜索框中输入然后点击这里可能会搜索不到,在网上看了一下。

都说程序猿学习是不分平台的,做了一辈子的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的时候注意到这个细节。完美安装成功

安装好之后开始执行:

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

把flutter clone到本地来:默认路径是C:Users你的账户flutter.

接下来配置你的环境

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

新建2个

 

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

 在PAHT 变量里面 新增 C:Users你的账户flutterbin

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

 

下载Android Studio 安装完毕之后.

Configure-Plugins  在搜索框中输入flutter然后点击

 

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

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

 

打开GitCMD 输入

 flutter doctor

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

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

 

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

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

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

启动当中说没有Intel HAXM。。好吧。又去下载 HAXM

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

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

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

 哎呦不错哦。

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2757.html

相关文章

  • 浅谈跨平台框架Flutter的搭建与运行

    摘要:在本文中,我们将带大家进一步了解的搭建与运行。操作系统或更高版本磁盘空间工具依赖或更新的版本和命令行工具这些命令行工具。运行应用程序定位到工具栏在中选择一个运行该应用的设备。作者:个推iOS开发工程师 伊泽瑞尔Flutter是Google推出的跨平台的解决方案,用以帮助开发者在 Android 和 iOS 两个平台开发高质量原生应用的全新移动 UI 框架。 之前我们为大家介绍了《跨平台框架F...

    ytwman 评论0 收藏0
  • 一文读懂Flutter的搭建与运行

    摘要:在本文中,我们将带大家进一步了解的搭建与运行。操作系统或更高版本磁盘空间工具依赖或更新的版本和命令行工具这些命令行工具。运行应用程序定位到工具栏在中选择一个运行该应用的设备。 作者:个推iOS开发工程师 伊泽瑞尔 Flutter是Google推出的跨平台的解决方案,用以帮助开发者在 Android 和 iOS 两个平台开发高质量原生应用的全新移动 UI 框架。 之前我们为大家介绍了《跨...

    JayChen 评论0 收藏0
  • 浅谈跨平台框架Flutter的搭建与运行

    摘要:在本文中,我们将带大家进一步了解的搭建与运行。操作系统或更高版本磁盘空间工具依赖或更新的版本和命令行工具这些命令行工具。运行应用程序定位到工具栏在中选择一个运行该应用的设备。 作者:个推iOS开发工程师 伊泽瑞尔 Flutter是Google推出的跨平台的解决方案,用以帮助开发者在 Android 和 iOS 两个平台开发高质量原生应用的全新移动 UI 框架。 之前我们为大家介绍了《跨...

    Alan 评论0 收藏0
  • 让前端开发者失业的技术,Flutter Web初体验

    摘要:掌握可能是前端开发者翻盘的唯一机会。是开发必须的代码库。区别与应用,我们导入的是库而非,这是因为目前的接口并非和的完全通用,不过随着谷歌开发的继续,它们最终会被合并到一块。 Flutter是一种新型的客户端技术。它的最终目标是替代包含几乎所有平台的开发:iOS,Android,Web,桌面;做到了一次编写,多处运行。掌握Flutter web可能是Web前端开发者翻盘的唯一机会。 show...

    shiguibiao 评论0 收藏0
  • 1.Flutter开发工具准备与开发环境搭建

    摘要:选择硬件配置文件,然后点击。如果您未看到自己所需的硬件配置文件,您可以创建或导入一个硬件配置文件。该命令检查您的环境并在终端窗口中显示报告。 一、Android Studio安装 1.系统要求 2. 安装Android Studio 3.为了Android Studio 安装Flutter和...

    2450184176 评论0 收藏0
  • Flutter基础(二)Flutter最新开发环境搭建和Hello World

    摘要:注释处的方法是程序的入口,使用了符号,这是中单行函数或方法的简写,等价于如下代码方法是框架的入口,如果不返回方法,那么执行的是一个控制台应用。 本文首发于微信公众号「刘望舒」 前言 最近的Google I/O大会上,Flutter1.5 开始支持移动、Web、桌面和嵌入式设备,从不温不火的sky一直进化到如今热门的Flutter,Flutter的发展已经超出很多人的想象。我对跨平台技术一...

    tuomao 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<