Flutter之环境配置与项目搭建

  • 时间:
  • 浏览:0
  • 来源:大发5分3D_大发5分3D官方

包配置如下图所示:



dependencies:应用或包依赖的其它包或插件。

flutter:flutter相关的配置选项。

http: ^0.12.0本来项目中须要使用外部包配置,使用如下命令即可下载:

第二步:底部tab

Flutter中的路由管理和原生开发同类,无论是Android还是iOS,导航管理都会维护俩个路由栈,路由入栈(push)操作对应打开俩个新页面,路由出栈(pop)操作对应页面关闭操作,而路由管理主本来指咋样来管理路由栈。

mac本下sdk与jdk配置:https://yq.aliyun.com/articles/2150951

本来在国内访问Flutter有时本来会受到限制,Flutter官方为中国开发者搭建了临时镜像,亲戚朋友还都可以将如下环境变量加入到用户环境变量中:

该命令检查你的环境并在命令行窗口中显示报告。Dart SDK本来在打包在Flutter SDK里了,这麼 必要单独安装Dart。安装完成后再运行flutter doctor命令来验证否是安装成功。

1、将安装包zip解压到你想安装Flutter SDK的路径(如:D:flutter;注意,并不将flutter安放到须要某些高权限的路径如C:Program Files)。

2,数据记录类

第二步:获取Flutter SDK

1,在pubspec.yaml文件中,打上去如下包:

启动 VS Code。

调用 View>Command Palette…。

输入 ‘install’, 本来确定 Extensions: Install Extension action。

在搜索框输入 flutter ,在搜索结果列表中确定 ‘Flutter’, 本来点击 Install。

确定 ‘OK’ 重新启动 VS Code。

验证配置

调用 View>Command Palette…

输入 ‘doctor’, 本来确定 ‘Flutter: Run Flutter Doctor’ action。

查看“OUTPUT”窗口中的输出否是有问提

创建Flutter应用

如需搭建Flutter之环境配置与项目,可采购阿里云服务器,

第四步:运行 flutter doctor命令

2.2,windows与mac本配置(模拟器)

windows下sdk与jdk配置:https://help.aliyun.com/knowledge_detail/40814.html

3,用户登录信息操作

第三步:配置环境变量

2、在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就还都可以在Flutter命令行运行flutter命令了。

资源配置如下图所示:

本来不配置环境变量,在全局环境中是无法使用flutter命令的,转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”,在Path下打上去D:flutterbin条目,保存即可。

Flutter项目默认的配置文件是pubspec.yaml,包与资源配置,均修改此文件

1.1,Dart

Dart 是并否是 易于学习、 易于扩展、以里还都可以部署到 任何地方 的 应用 编程 语言。本来一同借鉴了Java和JavaScript。Dart在静态语法方面和Java非常同类,如类型定义、函数声明、泛型等,而在动态底部形态方面又和JavaScript很像,如函数式底部形态、异步支持等。

启动 VS Code

调用 View>Command Palette…

输入 ‘flutter’, 本来确定 ‘Flutter: New Project’ action

输入 Project 名称 (如myapp), 本来按回车键

指定放置项目的位置,本来按天蓝色的确定按钮

听候项目创建继续,并显示main.dart文件

VS Code格式化dart代码的快捷最好的最好的办法是shift+alt+f

2.1,安装Flutter

第一步:配置镜像

须要使用哪此资源,以图片中的格式在assets下继续打上去即可。

2.3,编辑器配置

常用编辑器是VS Code,故此这儿主要介绍VS Code的配置,VS Code支持Flutter运行和调试。

在Flutter命令行运行如下命令来查看否是还须要安装其它依赖,本来须要,安装它们:

1.2,Flutter

Flutter 是 Google推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者还都可以通过 Dart语言开发 App,一套代码一同运行在 iOS 和 Android平台。 Flutter提供了充裕的组件、接口,开发者还都可以放慢地为 Flutter打上去 native扩展。一同 Flutter还使用 Native引擎渲染视图。

第一步:创建Flutter应用

去flutter官网下载其最新可用的安装包,下载地址:https://flutter.dev/docs/development/tools/sdk/releases ,打开后如图所示:

安装flutter插件

如下图所示: