首页 > 编程语言 >我们在开发第一个flutter小程序时需要注意什么

我们在开发第一个flutter小程序时需要注意什么

时间:2023-11-02 12:00:12浏览次数:34  
标签:需要 第一个 程序 IDEA flutter 安装 Flutter SDK

Flutter这些年发展的很快,特别是在 Google 持续的加持下,Flutter SDK 的版本号已经来到了 3开头,也正式开始对 Windows、macOS 和 Linux 桌面环境提供支持。如果从 Flutter 特有的优势来看,我个人认为主要是它已经几乎和原生的性能表现没什么太大的差别,这一点是 React Native 和 Vue 等前端框架望尘莫及的。

在我们熟悉的应用中也有很多是使用 flutter 或更严谨的说部分用到 flutter 进行开发的,例如微信、闲鱼、淘宝、学习强国、微博等大家经常会使用到的 App。所以有国内大厂们做技术的案例,同时他们的参与也持续的丰富了技术生态,很多企业或个人开发者在考虑应用开发时不可避免的会将 flutter 作为技术选型的目标之一。

那我们作为一个普通开发者或者更直白的说,作为一个之前没有接触过 flutter 的开发者,我们应该如何去开发自己的第一个 flutter app 呢?

在这里我主要分享开发使用 flutter app 的一个环境配置相关的注意项。

环境配置的主要步骤可以分为6步:

1、软硬件系统的准备

硬件系统主要包括操作系统和内存,这里我们以 Windows 为例,操作系统需要是 64 位的 Windows 10 或以上版本;

磁盘的空间我们需要预留大约 30 GB,因为里面需要包括到 flutter SDK、Android SDK、IntelliJ IDEA、Visual Studio、Chrome、Git 和 Java SE 等工具。

相信这一步大家的电脑都能做到,如果准备完这一步,那相当于完成了第一步,将正式进入到环境的配置环节。

2、Java 环境配置

为什么会配置 Java 环境呢?因为 Flutter 是基于 Android 的,所以要安装 Java 环境。

Java 环境下载地址需要访问 Oracle 的官网,具体的安装步骤和正常的软件安装一样比较简单,这里就不进行赘述了。

3、配置 Flutter SDK

在这一步大家应该都知道 flutter 是使用的 dart 语法,所以在这一步我们也需要同步的集成 dart sdk ,按照 flutter sdk 也非常简单,只需要在官网下载安装包即可。

另外这里需要注意的是解压缩后的 zip 文件,需要选择一个合适的文档位置存放。这个位置用来保存 flutter sdk 和 dart sdk,此后非必要不要随意进行移动。

打开解压后的文件会看到 flutter_console 文件,后面我们使用 flutter 命令时,也需要通过双击这个文件进来再执行flutter相关命令。

安装成功后,需要复制代码下面的代码在命令行验证环境配置。

复制代码flutter doctor

如果看到下面的这个界面就代表 flutter 安装成功了。

4、安装 IntelliJ IDEA

IntelliJ IDEA 也是访问官网下载页面,这里我们下载并安装个人免费的 Community(社区版)就够用了。

安装完毕后,启动 IDEA,选择“New Project”(新建项目),接着依次选择 Android -> Install SDK。

最后我们还需要在 IntelliJ IDEA 中安装 IDEA 的 Dart 和 Flutter 插件,安装 Flutter 插件时,会提示安装 Dart 插件,一并安装即可。

5、安装 Chrome

这个就不用多说了,我相信开发者的电脑都有 Chrome 浏览器,如果没有的话直接百度下进行安装即可,这个安装非常简单也不用多说。

可能也有小伙伴会问为什么需要安装Chrome,因为我们主要用于预览和调试 Web App页面。

6、安装 Visual Studio

Visual Studio 用于开发运行在 Windows 中的软件,下载 Community(免费的个人社区) 版本即可。

安装时可以对照下面的图进行配置选择:

到这一步,整个环境配置的流程就完成了,我们可以启动 IDEA 开启第一个 flutter app 的搭建。

7、小程序运行环境集成

另外针对很多同学是直接从小程序转到flutter,同样一个功能业务仅需一次小程序开发,即可实现在除了微信端的其它 App 中也运行起来。

原理其实挺简单的,FinClip 提供了小程序 SDK 给 Flutter 应用进行集成,这样以来 App 即拥有了一套可运行小程序业务代码的宿主环境。

 

标签:需要,第一个,程序,IDEA,flutter,安装,Flutter,SDK
From: https://www.cnblogs.com/finbird/p/17805094.html

相关文章

  • 2023-11-02 微信小程序的button的border如何清除?==》清除其伪类after即可
    给微信小程序的button的border设置为0或者none,依旧无法清除,这是因为button的border是用了伪类after来实现的,清除该伪类即可,你也可以参考我的css:.button{padding:0;margin:0;background:transparent!important;&::after{border:0;}}......
  • uniapp微信小程序自定义隐私权限弹窗
    插件地址:https://ext.dcloud.net.cn/plugin?id=14576#detail 样式小改动<template><viewclass="xh-privacy"><!--默认主题--><view:style="'background:'+background+';'"class="the......
  • python ASCII字符的实用程序 curses.ascii 库的安装使用
    pythonASCII字符的实用程序curses.ascii库的安装使用https://www.lfd.uci.edu/~gohlke/pythonlibs/下载对自己电脑配置的WHL文件,并安装,比如我用的是curses‑2.2+utf8‑cp27‑cp27m‑win_amd64.whlpipinstallcurses‑2.2+utf8‑cp27‑cp27m‑win_amd64.whlPython代码中......
  • 程序员在 35 岁后绝大多数都会被淘汰吗?
    不,程序员在35岁后并不会被绝大多数淘汰。年龄并不是技术行业中成功与否的唯一因素。实际上,许多程序员在职业生涯的后期仍然非常成功。以下是一些原因:经验和知识积累:随着年龄的增长,程序员积累了更多的经验和知识,他们可以利用这些优势解决复杂的技术问题。他们还可能拥有广泛的项目......
  • 23年,大批程序员失业,一直找不到工作,大龄程序员出路在哪里?
    对于大龄程序员而言,虽然可能会面临更大的就业竞争,但还是有许多出路可以考虑。以下是一些可能的选择:不断学习和更新技能:随着科技的迅速变化,持续学习和更新技能是至关重要的。大龄程序员可以通过参加各种培训课程、在线学习平台或自学来更新自己的技能,以适应新的技术需求。寻找适合的......
  • 刚入职大厂程序员,感觉信仰崩塌,程序员到底为了什么?
    作为程序员,每个人的动机和目标可能会有所不同,但有几个共同的方面可以帮助你理解程序员为什么选择这个职业:创造力和解决问题:程序员可以通过编写代码来实现自己的创意和创造力。他们喜欢面临挑战并找到解决复杂问题的方法。这种创造力和问题解决的过程给程序员带来了满足感和成就感。......
  • 2023-2024-1 20231402《计算机基础与程序设计》第六周学习总结
    2023-2024-120231402《计算机基础与程序设计》第六周学习总结作业信息这个作业属于哪个课程2023-2024-1-计算机基础与程序设计这个作业要求在哪里2023-2024-1计算机基础与程序设计第6周作业这个作业的目标自学计算机科学概论第7章《C语言程序设计》第5章作业......
  • “共享书角”图书借还管理系统 小程序-计算机毕业设计源码+LW文档
    小程序框架:uniapp小程序开发软件:HBuilderX小程序运行软件:微信开发者数据库:DROPTABLEIFEXISTSchujiezhe;/*!40101SET@saved_cs_client=@@character_set_client/;/!40101SETcharacter_set_client=utf8/;CREATETABLEchujiezhe(idbigint(20)NOTNULLAUT......
  • “口腔助手”小程序的设计与实现-计算机毕业设计源码+LW文档
    摘 要随着信息时代的来临,过去的“口腔助手”管理方式缺点逐渐暴露,现在对过去的“口腔助手”管理方式的缺点进行分析,采取计算机方式构建“口腔助手”小程序。本文通过阅读相关文献,研究国内外相关技术,提出了一种预约信息管理、“口腔助手”管理于一体的系统构建方案。本文通过采......
  • 2023就业困难,Android程序员对应的策略有哪些?
    前言亲爱的朋友们,今年的就业情况大家有目共睹,大厂不断裁员,高校毕业生1158万,达历史新高那么今天就让我们一起深入探讨今年的就业形势为何如此困难。如何在这个充满挑战的时刻,更好地理解这个问题,并发现其中隐藏的成长机会。疫情的冲击首先,我们不得不提到疫情对就业市场的巨大冲击。全......