Uniapp给我气到了,去学无敌的flutter~ 之学习笔记

前几天用uniapp写项目写出来很多功能在app,小程序,H5里面都不一样,气到我了uniapp封装性过强,于是我来看看大厂都在用的flutter是个什么东西,在ai的加持下打算5天内精通~

官方文档:安装和环境配置 | Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

安装配置环境

我安装配置是跟着官方文档走的,需要注意下一下几点:

  • 要使用 Flutter 创建 Android 应用,请确认已经安装以下 Android 组件。

    • Android SDK Platform, API 35+
    • Android SDK Command-line Tools
    • Android SDK Build-Tools
    • Android SDK Platform-Tools
    • Android Emulator
  • Windows PATH 环境变量

    将flutter sdk目录下的bin文件夹添加到Path里

  • 国内环境配置

    China Flutter User Group (CFUG) 维护着一个 Flutter 简体中文网站 https://flutter.cn 以及镜像。其他镜像可在 本文末尾 找到

    配置你的机器使用镜像站点(以windows为例)

    添加环境变量:PUB_HOSTED_URL 值: https://pub.flutter-io.cn

    FLUTTER_STORAGE_BASE_URL 值:https://storage.flutter-io.cn

  • flutter doctor报错

    我遇到的报错只有两个,一个是未安装windows桌面应用运行环境,这个需要下载visual Studio然后安装c++桌面应用环境,记得选window11或10;另一个是工具未下载完全,即报错:cmdline-tools component is missing先检查你的AS(Andriod Studio以下简称AS)是否勾选上了,然后再复制你的sdk目录,再在cmd输入

    1
    flutter config --android-sdk  /path/to/android/sdk 

    是你自己的sdk路径,如我的是 D:Android\Sdk

新建项目可以通过AS创建flutter项目,创建后记得打开目录下的andriod目录才能构建运行在安卓机子上;或者打开根目录cmd输入flutter deviecs查看可运行的环境:

然后再flutter run -d (对于id)就可以运行了,支持热更新,按下shift+R就可以

编写页面的事就交给ai了~