笔记一:Flutter开发环境搭建

本文详细介绍Flutter开发环境的搭建过程,包括FlutterSDK、AndroidStudio的下载与安装,解决HAXM安装问题,配置VSCode、IntelliJ及AndroidStudio等IDE的Flutter环境,以及如何在不同IDE中创建Flutter项目。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

开发环境搭建

  1. Flutter SDK下载,解压到指定目录下(即Flutter SDK的路径)

  2. Android Studio 开发环境下载
    Android Studio安装过成功中,会报错:

    HAXM installation failed. To install HAXM follow the instructions found at:https://software.intel.com/android/articles/installation-instructions-for-intel-hardware-accelerated-execution-manager-windows
    Installer log is located at C:\Users\chaoy\AppData\Local\Temp\haxm_log.txt Installer log contents:
    === Logging started: 2019/12/10  11:45:30 ===
    This computer does not support Intel Virtualization Technology (VT-x) or it is being exclusively used by Hyper-V. HAXM 		cannot be installed. Please ensure Hyper-V is disabled in Windows Features, or refer to the Intel HAXM documentation for more information.
    

    HAXM介绍:

    HAXM,Intel Hardware Accelerated Execution manager,是一个跨平台的硬件支持的虚拟化引擎,可以用来对Android模拟器和QEMU进行提速。支持Windows平台和Mac平台,也可以被移植到其他的主机操作系统,比如Linux和NetBSD。
    

    Hyper-V简要介绍:

    在Windows上运行多个操作系统时,需要使用Microsoft的Hyper-V技术来对这些操作系统进行虚拟化。
    

    后续需要的碰到需要Hyper-V功能的程序再打开即可。
    解决方案:

    1. 关闭Hype-V: 打开控制面板-程序与功能-启用或关闭Windows功能,取消hyperV的勾选,重启电脑
    2. 打开Android Studio ,打开Setting,找到HAXM,下载安装
  3. 检查Flutter环境

    • 找到Flutter的解压目录,找到flutter_console.bat的文件,双击运行,弹出命令行,运行以下命令(检测Flutter运行所需要的环境):
      	F:\DevelopmentEnv\Flutter\flutter>flutter doctor
      
      运行结果如下:
      flutter doctor命令检测缺失的环境
      如上图显示,解决方案如下:
      1. 解决安卓的许可证问题,运行flutter doctor --android-licenses,安装许可证的过程中一直选y(yes)
      2. 打开android studio,安装Flutter插件和dart插件: 打开设置(settings),打开插件(plugins),搜索dart,安装,安装结束重启android studio并搜索flutter插件,安装
      3. 打开IntelliJ,同android studio,安装dart插件和flutter插件
      4. 经过如上1,2,3三步即完成Flutter环境在android studio和intellij的配置

创建Flutter项目

IntelliJ创建Flutter项目

打开IntelliJ,选择“Create New Project”,选择“Flutter”,配置“Flutter SDK Path”为Flutter的SDK所在路径,在IntelliJ中选择flutter项目的保存路径的时候,文件夹必须是小写且仅支持下划线,之后按照提示即可完成创建

Android Studio创建Flutter项目

打开Android Studio,选择“start a new Flutter Project”,之后按照提示创建即可。

VSCode配置并创建Flutter项目

安装插件

  • 打开VSCode
  • 找到右下角齿轮图标,找到Command Palette,打开(或者使用Ctrl+Shift+P打开)
  • 输入“install”,选择“Extensions:Install Extension”
  • 在搜索框中输入“flutter”,安装,重启,重启后便可以创建项目了

创建项目

  • 打开VSCode
  • 找到右下角齿轮图标,找到Command Palette,打开(或者使用Ctrl+Shift+P打开)
  • 找到 Flutter: New Project 点击
    注意:刚在VSCode配置Flutter环境的同学需要VSCode会弹出一个框来让开发者选择Flutter的SDK的路径,选择即可
  • 为新创建的Project取名
  • 之后会自动生成如下目录结构(Intellij、Android Studio、VSCode都会创建如下项目目录结构)
.idea
android
build
ios
lib
test
.gitignore
.metadata
.packages
自己取的项目名.iml
pubspec.lock
pubspec.yaml
README.md
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值