北漂程序员知识点积累分享
当前位置: Flutter > Flutter安装及创建

Flutter安装及创建

2019-12-16 分类:Flutter 作者:北漂程序员 阅读(266)

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) 打赏

谢谢支持

支付宝
微信
0

谢谢支持

支付宝
微信
标签:

上一篇:

下一篇:

你可能感兴趣

共有 0 条评论 - Flutter安装及创建

博客简介

北漂程序员的生活积累,了解学习更多内容,微信搜索公众号:技术开发精选学习笔记

最近更新

精彩评论

服务热线:
 

 QQ在线交流