flutter入门2——环境搭建

背景

学习 flutter 之前,我们要先安装 flutter 环境,保证可以创建 flutter 项目,可以查看模拟器,可以热重载等。在看本文之前,最好先通读下官方安装文档:https://docs.flutter.dev/get-started/install/macos/desktop

环境安装

无论是 windows 还是 macos ,都要预留至少 10g 的内存,因为每个软件都很大,尤其是 xcode,mac 下可以用双端的模拟器,windows 下仅能用安卓模拟器。

1、安装 vscode

https://vscode.p2hp.com/

2、安装 vscode 中 flutter 相关插件

  • flutter
  • dart
  • Flutter Widget Snippets: 提供 Widget 代码片段快捷生成功能,输入fstful快捷键就可以生成对应代码段
  • Awesome Flutter Snippets: 可以更轻松地将 pub 添加到pubspec.yaml,它也可以用于更新现有的 pub。Awesome Flutter Snippets 集成了 Flutter 常用类和方法,通过分别输入快捷键 streamBldr 和 singleChildSV ,可以创建诸如 StreamBuilder 和 SingleChildScrollView 之类的小部件

3、安装 xcode:用于 iOS 模拟器调试

4、安装 jdk

JDK(Java Development Kit)是 Java 开发套件的简称。既然要做原生应用,而且是基于 Android 的, 所以,需要安装 JDK。

下载地址: https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html

请选择一个适合本地操作系统的安装包(操作系统+位数,例如:Windows x64)。 下载时,提示需要登陆,我们可以先注册 Oracle 账户,登陆后再下载。

5、安装 android studio:用于安卓模拟器调试

下载 Android Studio 下载地址:https://developer.android.com/studio/index.html

6、安装 flutter sdk

可以在 vscode 中  cmd+shift+p 输入 flutter 后,选择第一个 vscode 会开始安装 flutter sdk,选择一个 flutter sdk 存放的文件夹,也可以直接在官网下载到指定文件夹,并解压缩

7、监测 flutter 环境

在终端运行 flutter doctor 命令检测环境,也可以在 vscode 中,cmd+shift+p 输入 flutter 后,选择 flutter doctor 

 

posted @ 2024-03-07 13:41  蓓蕾心晴  阅读(24)  评论(0编辑  收藏  举报