Flutter 是 Google 推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过 Dart 语言开发 App,一套代码同时运行在 iOS 和 Android平台。 Flutter 提供了丰富的组件、接口,开发者可以很快地为 Flutter 添加 Native(即原生开发,指基于平台原生语言来开发应用,flutter可以和平台原生语言混合开发) 扩展。
目录
1.下载Flutter SDK
2.使用镜像
3.在Windows上搭建Flutter开发环境
3.1配置环境变量
3.2运行 flutter doctor命令
3.3Android studio配置Flutter插件和Dart插件:
4.在Android studio新建Flutter项目:
4.1在Android studio点击File->New->New Flutter Project
4.2选择 Flutter application 作为 project 类型, 填写下载的Flutter SDK的路径,然后点击 Next。
4.3输入项目名称,然后点击 Create。
4.4 创建了一个Flutter项目 编辑
4.5运行结果
1.下载Flutter SDK
在Flutter官网:Make Android apps | FlutterArchive | FlutterMake Android apps | Flutter 下载
解压到本地目录:
2.使用镜像
由于在国内访问Flutter会受到限制,Flutter官网为中国开发者搭建了临时镜像,把以下环境变量添加到用户环境变量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
3.在Windows上搭建Flutter开发环境
3.1配置环境变量
- 在“用户变量”下检查是否有名为“Path”的条目:
- 如果该条目存在, 追加 flutter\bin的全路径(自己下载的Flutter SDK目录)使用
- 如果该条目不存在,创建一个新用户变量 Path ,然后将
flutter\bin
的全路径作为它的值
重启Windows以应用此更改.
3.2运行 flutter doctor命令
在Flutter安装目录的flutter
文件下找到flutter_console.bat
,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。
在Flutter命令行运行如下命令来查看是否还需要安装其他依赖,如果需要,安装它们:
flutter doctor
该命令检查你的环境并在命令行窗口中显示报告。Dart SDK已经在打包在Flutter SDK里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。
3.3Android studio配置Flutter插件和Dart插件:
在Android studio中点击File->Settings->Plugins,下载Flutter插件和Dart插件,一般下载Flutter插件时会提示你是否要下载Dart插件,这时候点击确定一起下载就好啦。
4.在Android studio新建Flutter项目:
4.1在Android studio点击File->New->New Flutter Project
4.2选择 Flutter application 作为 project 类型, 填写下载的Flutter SDK的路径,然后点击 Next。
4.3输入项目名称,然后点击 Create。
4.4 创建了一个Flutter项目
4.5运行结果