Flutter入门
系统配置要求
要想安装和运行 Flutter,你的开发环境至少应该满足如下的需求:
操作系统:Windows 10 或更高的版本(基于 x86-64 的 64 位操作系统)。
磁盘空间:除安装 IDE 和一些工具之外还应有至少 1.64 GB 的空间。
设置: 必须在 Windows 10/11 上启用开发者模式。
工具:要让 Flutter 在你的开发环境中正常使用,依赖于以下的工具:
Windows PowerShell 5.0 或者更高的版本(Windows 10 中已预装)
Git for Windows 2.x,并且勾选从 Windows 命令提示符使用 Git 选项。
如果 Windows 版的 Git 已经安装过了,那么请确保能从命令提示符或者 PowerShell 中直接执行 git 命令。
下载Flutter SDK
下载Flutter源代码到本地
注意:Flutter文件的保存位置不要有中文和特殊字符及空格
git clone https://github.com/flutter/flutter.git
下载完成后,修改系统环境变量
在系统的Path条目中,增加
flutter/bin
目录的完整路径
安装相关工具
这一步是最考验耐心的步骤,工具多,安装包大,安装时间长,网络差[很有可能]
难点在这一步
GIT
IDEA 及Flutter插件
Android Studio 及Flutter插件
Chrome 浏览器
Visual Studio 【如果要进行WINDOWS端开发】
执行Flutter检查
执行flutter的bin目录下的 flutter命令,如果看到全部条件都是绿色状态,就说明Flutter环境安装OK!
如果Android toolchain这一步显示红×,需要接受安卓的许可协议!
flutter doctor --android-licenses
安卓模拟器
模拟器可以安装,也可以不安装,直接在真机[你的安卓或者苹果手机]上运行
创建项目
作为后端开发者,还是习惯使用IDEA作为我们的开发利器!
需要在IDEA插件库中安装
flutter
和Dart
插件
1、创建项目,然后点下一步
2、填写项目信息,然后点下一步
目录说明
运行项目
Flutter 支持热更新,修改代码后
保存代码或者点击闪电⚡图标,可以立即生效
比如:设置主题色
打包APK安卓包
获取安装包
可以找到安装包,发给小伙伴,秀一把!自己手机上也可以安装
在浏览器中运行
打包web项目
需要在终端执行如下命令
渲染方式,了解下【不需要指定】
第一种渲染方式:
flutter build web --web-renderer html
第二种渲染方式:
flutter build web --web-renderer canvaskit
打包时注意:
第一步清空历史数据:
flutter clean
第二步开启web:
flutter config --enable-web
第三步新建项目:
flutter create .
注意最后的小点第四步编译:
flutter build web --release
运行结束后,可以看到,在项目目录下多了个web文件夹
重新打web包
部署web应用
把上一步打包的web目录 整个放到 web容器中
比如放到tomcat中,注意需要放到ROOT目录中,因为在访问静态资源的时候默认路径是项目的根目录
打包桌面端
前提是需要安装 Visual Studio 和Window 10 必要的组件
在终端执行如下命令 flutter build windows --release
打包windows桌面端应用
如图所示 |
---|
第一次执行,需要下载一些工具,等待一会 执行结果如下 |