前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >flutter入门2——环境搭建

flutter入门2——环境搭建

作者头像
蓓蕾心晴
发布2024-03-08 08:31:13
1870
发布2024-03-08 08:31:13
举报
文章被收录于专栏:前端小叙前端小叙

背景

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

环境安装

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

1、安装 vscode

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。

请选择一个适合本地操作系统的安装包(操作系统+位数,例如: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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024-03-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 背景
  • 环境安装
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档