前端学习Flutter笔记(第一章:安装软件,配置环境变量等)

学习背景

人都是有惰性的,如果没有外界压力,基本不会取主动学习,有那个学习的时间宁愿多刷点小视频。。。。
公司有项目使用Flutter写的,想让我接手,可是咱不会啊,没接触过。就浅浅的在b站着了几个视频。
第一步(难点):配置Flutter开发环境。环境问题在开发vue上就已经很明显了,很恶心,每个语言的第一步都是配置环境,都很恶心。,版本/兼容等等
第二步:了解Dart语法。
第三步:开始搭建Flutter项目,尝试跟着视频一起编写页面,了解Flutter组件等。
其实给我最深的感受是,Flutter和Echart的配置项有些许的相似,都是配置是开发,组件都在那里了,有哪些属性就需要去查文档了。

安装与配置环境

首先需要安装四个东西
1、java的jdk java下载地址
2、Andriod-Studio软件 因为需要安装之后用它下载一些sdk(Flutter doctor可以看到需要用到他进行一些配置)
3、Dart Dart下载
4、还有Flutter的SDK FlutterSDK下载
以上该安装的安装,该下载解压的解压,这些操作完之后还需要配置环境变量。

在这里插入图片描述

环境变量
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

以及andriod studio需要设置的
在这里插入图片描述

检测环境是否准备好,win+R cmd然后输入flutter doctor
在这里插入图片描述

开发软件

我是用vscode开发的,需要安装两个插件
在这里插入图片描述
创建项目
点击查看->任务面板->输入flutter,可以看到
在这里插入图片描述
运行项目
直接F5,右下角选谷歌浏览器或者随便一个手机即可

写在最后

推荐b站的几个视频博主的视频,个人觉得挺好的,适合入门学习
2021 Flutter实战教程 开发头条+抖音APP
【Web前端框架Flutter实战开发教程,两小时快速掌握flutter移动App开发】

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_小郑有点困了

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值