Flutter安装入门教程

### 前言 Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。 我本人也是非常安好Flutter,所以也进入到了Flutter学习行列啦,今天主要讲一下Flutter的安装,具体包括: - Flutter需要配置的工具 - Flutter SDK下载 - Flutter环境变量的配置 - 插件安装(Fultter与Dart) - 创建一个Flutter项目 ### Flutter工具配置 ######1. Git 我们需要下载Git 直接去Git官网配置,地址: https://git-scm.com 2.Android开发工具:Android Studio下载 下载地址: https://developer.android.google.cn/studio/ ### Futter SDK下载 使用Git克隆仓库下载,找一个全英文路径(无空格)点击右键找到Git Bash ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093348389-2100776084.png) 输入下面命令: >git clone -b master https://github.com/flutter/flutter.git 注意,其中的master代表的是分支 ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093350411-212929841.png) ### 环境变量配置 这里以WIN10为例: 右键点击我的电脑--->属性--->高级系统设置--->环境变量--->双击path--->编辑文本 ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093352441-1026037347.png) 在后面以";"号隔开添加flutter路径 ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093354413-935522669.png) 成功之后在终端窗口输入: ``` flutter docator ``` 如果提示错误,可以重启一下机器,再次尝试 然后就会出现下面所示的内容: ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093357419-1521483953.png) 显示我们的Flutter插件与Dart 插件没有安装 ,这个是正常的 ! ###插件安装(Fultter与Dart) 以开发工具Android Studio为例: ###### Flutter插件 点击Android Studio ---> File ---> Settings ---> Plugins ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093359426-2010804292.png) ###### Dart插件 同理 ### 创建一个Flutter项目 File--->New--->New Flutter Project ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093401420-1637467108.png) 然后输入项目名称等等信息,就创建成功了 ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093403377-713981288.png) ![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093405375-1212039865.jpg) 大家可以关注我的微信公众号:「秦子帅」一个有质量、有态度的公众号! ![公众号](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093408439-604468360.jpg)
posted on 2019-09-05 09:34  安卓干货铺 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/qinzishuai/p/11463032.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值