mac 上搭建flutter开发环境 安装 SDK

2021-12-29  本文已影响0人  ios_暗夜行者

flutter官网

https://flutter.dev/

教程视频链接

https://www.bilibili.com/video/BV1y7411p7UQ?p=2

1.mac 上搭建flutter开发环境 安装 SDK

1.1 方式一 从flutter官网下载flutter stable版 sdk

解压到 ~/Documents/sdk/flutter

1.1 方式二:git 拉取源码 

> mkdir ~/Documents/sdk

> cd ~/Documents/sdk

> git clone -b stable https://github.com/flutter/flutter.git

1.2 持续升级flutter sdk版本

下次更新直接进入目录升级

> cd ~/Documents/sdk/flutter

> git pull

> flutter --version

2. 配置环境变量【tips:命令行输入 vi 编辑文件 ,输入 i 开始编辑 ,编辑完后退出编辑模式输入 :wq 】

> vi ~/.bash_profile

# flutter , 注意没有单引号

export PATH=${PATH}:~/Documents/sdk/flutter/bin

# 以下两行适合国内

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

> source ~/.bash_profile

3. zsh 用户修改配置文件

> vi ~/.zshrc

最后一行加入

source ~/.bash_profile

重启终端生效

4. 命令行运行 flutter

> flutter doctor

xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun

Building flutter tool...

Welcome to Flutter! - https://flutter.dev   

第一次运行会进行 build

5. 检查环境 flutter doctor

6. 查看版本 version

7. 更新flutter

kingser@anyexingzhedeMacBook-Pro ~ % flutter upgrade

Flutter is already up to date on channel stable

Flutter 2.8.1 • channel stable • https://github.com/flutter/flutter.git

Framework • revision 77d935af4d (11 days ago) • 2021-12-16 08:37:33 -0800

Engine • revision 890a5fca2e

Tools • Dart 2.15.1

kingser@anyexingzhedeMacBook-Pro ~ %

8. 使用Android studio 开发第一个flutter 应用

8.1  打开android studio File-》new-〉new flutter project -》flutter application-〉project name

project location 项目工程存储路径

8.2 创建Android 模拟器 运行项目

9. Android studio 配置 dart 插件 ,去dart 官网下载dart sdk

dart 官网 https://dart.dev/

$ brew tap dart-lang/dart

$ brew install dart

$ brew upgrade dart

10.命令行创建 flutter 项目 (项目名称,目录文件,文件名不要使用驼峰命名法,可以使用下划线,项目内的变量名无所谓)

$ cd demo文件夹

$ flutter create 工程名

这个是打开别人的工程先初始化 cd 工程目录 再初始化

$ flutter create .

这个是工程版本固化的去掉依赖 【上传svn时使用这个命令去掉依赖】

$ flutter clean

上一篇下一篇

猜你喜欢

热点阅读