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

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张图片

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

  • 开发工具插件安装

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 学习笔记之-开发环境的搭建_第2张图片

你可能感兴趣的:(Flutter,Flutter,Flutter环境搭建)