先上官网 Flutter中文网
安装开发环境所需:
- git (如果你没有安装,反之这一步可以跳过)
- Flutter SDK
- Flutter 镜像
- Android Studio开发工具(该工具用来创建android 虚拟设备)
- java jdk
- Visual Studio Code (非常好用的前端开发工具)
- 硬件:8G以上的内存,20G以上的硬盘空间(都是android 虚拟机要用)
配置git
计算机属性->高级系统设置->高级->环境变量,修改Path,加上下面的代码
c:\windows\system32;C:\Program Files\Git\bin;
这里有个坑,新手可能会踩到,就是配置git全局配置时,不配置系统位置,flutter doctor 会出现
ERROR:Unable to find git in your PATH
在环境变量中配置系统位置就解决了
Flutter SDK
推荐在官网下载,Flutter 官网下载地址
配置环境变量
后进入Flutter目录可以看到bin目录。把bin目录路径添加到系统变量Path中
配置Flutter 镜像
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
PUB_HOSTED_URL ===== https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL ===== https://storage.flutter-io.cn
检查安装情况
在flutter项目中,找到并运行 flutter_console.bat,然后输入 flutter doctor,检查依赖
安装Android Studio 网上好像很有很免安装 AS直接安装sdk的教程,大家可以去搜索一下
下载安装包( 官网链接)。
确保系统中已安装JAVA环境。
这里就不讲解了,大家自行了解
jdk下载
jdk安装教程
Android Studio安装步骤
创建虚拟设备
安装好Android Studio之后,我们就可以通过这个工具创建虚拟设备了
打开Android Studio开发工具,随意创建一个Android Studio的项目
在右上角
点击此处创建虚拟设备
创建什么设备大家随便随意,选择完后next
这里有个坑,大家要注意一下,虚拟设备android版本太高,运行项目要报一个错
创建好虚拟设备后就可以关掉Android Studio了,因为它的作用只有这些,所有也非常推荐大家去找免安装AS的教程
运行项目
用vs code 打开flutter项目目录,首先安装两个flutter的扩展
按下 Shift + ctrl + p 然后输入 install,选择 Extensions: Install Extension
在搜索中输入 flutter,在搜索结果列表中选择 ‘Flutter’, 然后点击 Install
然后重新输入 dart ,在搜索结果列表中选择 ‘Dart’, 然后点击 Install
然后重启启动 vs code ,按下 ctrl + ~ 打开终端输入 flutter doctor 检查依赖
这里只要看有没有 [X] 就好了, [!]不用管,截图中的 X != [X],进入下一步,创建一个flutter项目
按下 Shift + ctrl + p 然后输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action,输入你的app名称
创建好之后,重新用 vs code 打开你创建的flutter项目
之后按 F5 启动项目,选择你刚刚创建的android虚拟设备,这里要等一会,vs code 会安装一些依赖,等待虚拟设备启动
待虚拟设备启动后,就会看到你的项目运行情况了,到此flutter项目的安装过程就结束了,大家可以继续跟着官网的案例进行代码的编写