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

Flutter环境搭建与首个项目

最新推荐文章于 2024-12-11 11:25:38 发布

天天开发

最新推荐文章于 2024-12-11 11:25:38 发布

阅读量377

点赞数

CC 4.0 BY-SA版权

分类专栏： Flutter 文章标签： Flutter Flutter环境搭建

本文链接：https://blog.csdn.net/wj610671226/article/details/107923041

Flutter 专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍如何配置Flutter开发环境，包括镜像设置、SDK下载与环境变量配置，以及使用Android Studio和VSCode进行插件安装。同时，指导读者解决常见问题，并创建首个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

在这里插入图片描述

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

开发工具插件安装

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端的项目
在这里插入图片描述