flutter开发环境安装

先上官网 Flutter中文网

安装开发环境所需:

  1. git (如果你没有安装,反之这一步可以跳过)
  2. Flutter SDK
  3. Flutter 镜像
  4. Android Studio开发工具(该工具用来创建android 虚拟设备)
  5. java jdk
  6. Visual Studio Code (非常好用的前端开发工具)
  7. 硬件: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项目的安装过程就结束了,大家可以继续跟着官网的案例进行代码的编写

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章