Flutter入门--环境搭建和项目创建

234 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第二天,点击查看活动详情

本文主要介绍Flutter开发环境的搭建,使用AS和VS Code创建项目以及在创建项目中可能会遇到的问题和问题的排查方法,希望可以帮助到大家。

一、搭建开发环境(windows)

1.系统要求

  • 操作系统: Windows 7 或更高版本 (64-bit)
  • 磁盘空间: 400 MB (不包括Android Studio的磁盘空间).
  • 工具: Flutter 依赖下面这些命令行工具. Git for Windows (Git命令行工具)

2.获取Flutter SDK

(1)下载最新的flutter安装包:点击下载

注意,Flutter的渠道版本会不停变动,请以Flutter官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去Flutter github项目下去下载安装包 。

(2)解压安装包

放到指定目录(切记不要放在高权限的路径如C:\Program Files)下。

(3)更新环境变量

由于国内联网问题,所以根据google给国内开发者提供了环境镜像。

1.控制面板---用户账户---更改我的环境变量。

 

2.再"用户变量"下检查是否有“PATH”条目

  • 如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.
  • 如果条目不存在, 创建一个新用户变量 Path ,然后将 flutter\bin的全路径作为它的值.

 

3.在“用户变量”下检查是否有为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目,如果没有,也添加它们。

 

 

4.运行 flutter doctor

打开一个新的命令提示符或PowerShell窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装:

flutter doctor

 

flutter help 查看可用的编译器

3.Android设置

(1)安装androidstudio

1.androidstudio的下载地址:下载地址

2.androidstudio的开发环境搭建:环境搭建

3.androidstudio的快捷键:链接地址

(2)安装Flutter和Dart插件

1.需要的插件

  • Flutter插件:支持Flutter开发工作流 (运行、调试、热重载等).
  • Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

2.打开AndroidStudio----打开设置(setting)----打开plugins-----搜索安装两个插件Dart和Flutter插件

 

3.下载完成后,重启。

二、AndroidStudio----创建Flutter项目

(1)创建新应用

1.File>New>New Flutter Project

 

2.选择 Flutter application 作为 project 类型, 然后点击 Next

 

3.输入项目名称 (如 flutterdemo_app), 然后点击 Next

 

4.填写包名,点击 Finish

 

5.等待Android Studio安装SDK并创建项目.

(2)遇到的问题

No connected devices found; please connect a device, or see flutter.io/setup for getting started instructions.

解决方法:

1.检查Flutter/Dart的SDK的配置

 

2.检查android sdk配置

 

3.检查adb环境配置 (win+r键)

 

4.环境变量配置完成后,重启AS即可。

三、VS Code----创建Flutter项目

1.查看--面板命令行

2.输入flutter 

 

3.选择 New Application Project 创建Flutter项目,选择到指定的创建目录

 

4.输入项目名字,按Enter键确定,项目即创建完成。