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

Flutter安装入门教程

程序员文章站 2022-07-02 13:05:28
### 前言 Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。 我本人也是非常安好Flutter,所以也进入到了F ......
### 前言 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)