**
flutter学习之环境搭建
先把Flutter的中文网站和官方网站贴出来,需要的朋友可以自行去查找资料
Flutter官方网站
Flutter中文网站
下文所述内容系统环境为
- Windows 10 64位
- Android studio 3.0.1
- 正确安装了git
- 如果能够翻墙就完美了,当然如果不能翻墙问题也不大,这里推荐大家使用搬瓦工,最便宜的是每年20刀,每个月有500G不限速流量,核算下来也就十块钱出头一个月,还是很划算的,具体的购买,搭建大家自行百度.
下载Flutter SDK
-
点击进入Flutter官网查看最新的版本,笔者写这篇文章的时候Flutter的最先版本是2018-09-29发布的V0.9.5版本,
-
在我的电脑中新建一个目录用于存放flutter的相关东西,笔者直接在根目录中创建了一个flutter文件夹用于存放
-
在该目录下右键点击选中GIt bash here 然后使用命令行 git init初始化git,此时会提示创建了一个空的git文件夹然后在你的目录中出现一个.git的文件,证明创好了
-
在glone flutter之前没有翻墙的同学需要在:控制面板\系统和安全\系统>高级系统设置>环境变量中添加 变量为 PUB_HOSTED_URL 值为 https://pub.flutter-io.cn 和变量为FLUTTER_STORAGE_BASE_URL 值为 https://storage.flutter-io.cn 的环境变量,做完这一步我们就距离成功迈进了一大步.此时建议最好重启一下电脑,确保环境变量生效
-
使用 "git clone -b master https://github.com/flutter/flutter.git"命令来clone Flutter的相关内容,正常完成之后如下图所示,这个时候我们就完成了历史性的第一步了
-
接下来在Flutter安装目录的flutter文件下找到flutter_console.bat，双击运行并启动flutter命令行，接下来，你就可以在Flutter命令行运行flutter命令了
-
在终端运行flutter命令还需要添加flutter的环境变量,否者会出现flutter不是内部命令之类的提示,这时我们可以根据上文第四条找到我们更改环境变量的位置,在变量PATH条目下新增flutter\bin的全路径例如笔者flutter安装在C:\flutter\flutter目录下那么笔者的环境变量的值就是C:\flutter\flutter\bin;此时建议最好重启一下电脑,确保环境变量生效.
-
按照第六步的打开一个新的flutter console并运行flutter doctor命令以查看是否需要安装任何依赖项来完成安装,然后就是漫长的等待时间：第一次下载安装的时候会自动的下载自己依赖项并自行编译,以后我们再次编译运行的时候就会快很多.笔者由于开始网速较差,所以中间结束了一次重新更换的网络,但是最后的结果都是一样的.
编辑器设置(Android Studio)
默认同学们使用的Android Studio,并且正常安装的
-
安装Flutter插件
安装flutter插件只需要打开Android studio然后依次点击File>settings>Plugins>Browse Repositories,然后在搜索框中搜索Flutter即可
安装完毕点击apply 重启Android studio -
安装dart插件
安装dart插件只需要打开Android studio然后依次点击File>settings>Plugins>Browse Repositories,然后在搜索框中搜索Dart即可
同样的在dart旁边会有一个install的按钮,点击之后会自动安装,然后点击下方的apply重启android studio即可安装完毕 -
android studio中的Flutter环境配置,安装完毕flutter和dart后我们还需要检查SDK的配置是否正确: 点击File >Setting>language &Frameworks>Flutter 在SDK的Flutter SDK path中将我们的flutter的目录填写进去
然后同样的再次点击Dart 将dart SDK修改,当然一般情况下android studio会自动根据Flutter的路径自动生成该处的路径
到此基本上我们的任务已经完成了99%,此时如果有一个flutter项目你已经可以自己打开了,那么问题来了怎么在android studio中打开Flutter项目,其实很简单,直接点击File>open然后找到Flutter项目打开便可.但是当我们想自己新建一个项目呢,又该怎么办,这就是我们剩下的1%了,新建一个Flutter项目同样是在File>New Flutter Project,但是你打开发现只有New project,这个时候我们就需要看一下File>Settings>Plugins>Android APK Support是否被勾选,如果没有请勾选
