欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Flutter 学习笔记之-开发环境的搭建

程序员文章站 2022-05-29 20:25:22
...

Flutter 学习笔记之-开发环境的搭建

  • 镜像配置到环境变量

在~./zshrc 或者 ~./bash_profile文件中配置如下镜像信息

# flutter
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  • 下载Flutter SDK并配置到环境变量中

1、下载SDK
Mac版本的Flutter SDK下载地址

2、解压下载的SDK到指定目录,并配置环境变量
我这里解压到$Home目录下

// 配置环境变量
export PATH="$HOME/flutter/bin:/$PATH"
// 命令行输入以下命令让环境变量生效
source ~/.bash_profile

3、命令行检查环境依赖

// 查看flutter版本和dart等信息
flutter --version
// 检查其他依赖
flutter doctor  

Flutter 学习笔记之-开发环境的搭建

根据命令行提示修复存在的问题

  • 开发工具插件安装

1、Android Studio

安装Dart、Flutter插件

2、VS Code

安装Dart、Flutter插件
安装Code Runner插件运行在命令行Dart代码

遇到的问题:
/bin/sh: dart: command not found
解决办法:
export PATH="$HOME/flutter/bin/cache/dart-sdk/bin:$PATH"
  • 第一个项目的创建

在命令行中创建项目

flutter create myapp

利用Xcode运行iOS端的项目
Flutter 学习笔记之-开发环境的搭建