Flutter安装及创建

2019-12-16 分类：Flutter 作者：北漂程序员阅读（1909）

Flutter
是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作

flutter的git地址：https://github.com/flutter/flutter/releases

Flutter SDK官网地址：https://flutter.io/docs/development/tools/sdk/archive?tab=macos#macos

下载flutter:
https://github.com/flutter/flutter/wiki/Using-Flutter-in-China

在Windows上搭建Flutter开发环境
https://flutterchina.club/setup-windows/#clone-flutter-repo
配置flutter：

1
2
3
4

新建用户变量
Path:然后将 flutter\bin的全路径作为它的值
PUB_HOSTED_URL:https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL:https://storage.flutter-io.cn

在Visual Studio Code中配置flutter开发环境

1
2
3
4
5
6
7
8
9
10
11

安装 Dart Code 插件
启动 VS Code
调用 View>Command Palette…
输入 ‘install’, 然后选择 Extensions: Install Extension action
在搜索框输入 dart code , 在搜索结果列表中选择 ‘Dart Code’, 然后点击 Install
选择 ‘OK’ 重新启动 VS Code

通过Flutter Doctor验证您的设置
调用 View>Command Palette…
输入 ‘doctor’, 然后选择 ‘Flutter: Run Flutter Doctor’ action
查看“OUTPUT”窗口中的输出是否有问题

VS Code创建新的应用:

1
2
3
4
5
6
7
8

启动 VS Code
调用 View>Command Palette…
输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action
输入 Project 名称 (如myapp), 然后按回车键
指定放置项目的位置，然后按蓝色的确定按钮
等待项目创建继续，并显示main.dart文件
上述命令创建一个Flutter项目，项目名为myapp，其中包含一个使用Material组件的简单的演示应用程序。
在项目目录中，您的应用程序的代码位于 lib/main.dart

「三年博客，如果觉得我的文章对您有用，请帮助本站成长」

赞(0) 打赏