Flutter初体验

背景

今天在<极客>APP上看到一个《使用Flutter快速构建集美观与高性能于一体的移动应用》的介绍，瞬间想试试，于是找到了Flutter官网（https://flutter.cn/）并按步骤实操起来。

手册
安装和环境配置 | Flutter 中文文档 | Flutter 中文开发者网站Flutter安装和上手起步教程, 下载 Windows、macOS、Linux 和 Chrome OS 系统的 Flutter SDK。https://flutter.cn/docs/get-started/install安装记录

1、获取 Flutter SDK，下载安装在我的MacOS 10.14.4

2、配置环境变量

#打开配置文件
> cd ~
> open .bash_profile#添加环境变量(第一行填写flutter实际安装路径)
export PATH=/Users/mac/tools/flutter/bin:$PATH
export PUB_HOSTED_URL=https://mirrors.tuna.tsinghua.edu.cn/dart-pub
export FLUTTER_STORAGE_BASE_URL=https://mirrors.tuna.tsinghua.edu.cn/flutter#安装完成后，使用以下命令诊断flutter安装情况
> flutter doctor

开发工具配置

1、开发工具使用：VScode

2、安装flutter插件

开发初体验

Invoke View > Command Palette.
Type “flutter”, and select the Flutter: New Project.
Select Application.
Create or select the parent directory for the new project folder.
Enter a project name, such as myapp, and press Enter.
Wait for project creation to complete and the main.dart file to appear.

安装以上步骤，会生成一套flutter工程，如下操作：

运行工程：

运行效果（启动运行较慢，后续开发热加载较快）：

初体验完成，后续按照<官网>参考继续编写小应用即可。

Flutter初体验相关推荐

Flutter初体验（二）—— 创建第一个Flutter APP
Flutter初体验(二)--- 创建第一个Flutter APP 在第一篇文章 Flutter初体验(一)---Mac 安装配置,学习了配置 Flutter 开发环境,并运行了Demo项目,本篇根据 ...
跨平台开发Flutter初体验
Flutter的横空出世,很大程度上降低了移动应用的开发成本:我是一名苦逼的iOS开发者,兼职写点Android开发,对Flutter的出现比一般人要敏感很多,在此之前个人的看法是跨平台没什么前景,学 ...
flutter初体验之基础控件知识
在naive开发中,大家对view肯定很熟悉,它代表着所有控件的祖先.在flutter中,也存在这么一个所有控件的祖先---Widget.Widget类是一个抽象类,定义在系统的framework.d ...
flutter 初体验页面的跳转
我写过Java,PHP,Html,JavaScript,CSS,jQuery,简单的项目写过几个,但是移动端的没写过,看过 React 和 React Native 的一些书,所以在 flutter ...
Jetpack Compose 初体验（上），flutter人脸识别系统
fun VerticalText() { Column( modifier = Modifier.padding(16.dp) ) { Text("Hello World!") T ...
Flutter04-Widget初体验
初体验Widget 一. Widget 1.1. 万物皆是Widget 1.2. Material设计风格二. 实例一 hello flutter 2.1. text 2.2. 居中 2.3. 添加 ...
苹果电脑安装python3密码_mac系统安装Python3初体验
前沿对于iOS开发不要随便拆卸系统自带的Python,因为有很多 library 还是使用 Python2.7. 1 安装Xcode 1.1 App Store 搜索Xcode 并安装 1.2 安装 ...
MapReduce编程初体验
需求:在给定的文本文件中统计输出每一个单词出现的总次数第一步: 准备一个aaa.txt文本文档第二步: 在文本文档中随便写入一些测试数据,这里我写入的是 hello,world,hadoop he ...
小程序缩放_缩放流星应用程序的初体验
小程序缩放 by Elie Steinbock 埃莉·斯坦博克(Elie Steinbock) 缩放流星应用程序的初体验 (First Experiences Scaling a Meteor Ap ...

Flutter初体验

背景

手册
安装和环境配置 | Flutter 中文文档 | Flutter 中文开发者网站Flutter安装和上手起步教程, 下载 Windows、macOS、Linux 和 Chrome OS 系统的 Flutter SDK。https://flutter.cn/docs/get-started/install安装记录

开发工具配置

开发初体验

运行工程：

运行效果（启动运行较慢，后续开发热加载较快）：

Flutter初体验相关推荐

最新文章

热门文章

Flutter初体验

背景

手册 安装和环境配置 | Flutter 中文文档 | Flutter 中文开发者网站Flutter安装和上手起步教程, 下载 Windows、macOS、Linux 和 Chrome OS 系统的 Flutter SDK。https://flutter.cn/docs/get-started/install安装记录

开发工具配置

开发初体验

运行工程：

运行效果（启动运行较慢，后续开发热加载较快）：

Flutter初体验相关推荐

最新文章

热门文章

手册
安装和环境配置 | Flutter 中文文档 | Flutter 中文开发者网站Flutter安装和上手起步教程, 下载 Windows、macOS、Linux 和 Chrome OS 系统的 Flutter SDK。https://flutter.cn/docs/get-started/install安装记录