Mac电脑上搭建flutter环境

作为flutter初学者,说说我是怎么搭建flutter环境的吧
话不多说,直接干活

第1步: 安装Flutter

1. 下载Flutter 下载地址是:https://flutter.dev/docs/get-started/install/macos
   911564645195_.pic_hd.jpg

点击红色区域就可以直接下载

2. 解压,最好把文件解压到根目录

第2步: 添加flutter相关工具到path中

终端执行这样一句命令

open ~/.bash_profile

对于小白,没有配置过环境变量的童鞋我解释一下,这个命令的意思就是让你打开.bash_profile这个文件,.bash_profile是一个隐藏文件,一般在根目录,显示隐藏文件,可以使用快捷键command+shift+.就可以显示出来,执行完open ~/.bash_profile命令后,就可以显示出来

然后在在打开的配置文件中，添加下面文字，注意最下面那个路径要改成你下载好的flutter的路径

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/.....(解压后flutter所在的路径)../flutter/bin:$PATH

保存.bash_profile,退出,执行以下命令

//1.刷新当前终端窗口
source $HOME/.bash_profile
//2.查看Flutter配置是否已经在PATH环境变量
echo $PATH

这时候cd 到flutter路径,执行flutter doctor命令,这时候,你就能看到flutter的很多信息,但是也会报一些错误信息,比如xcode或Android Studio版本太低,或者压根就没有安装,这个时间,还需要安装或者更新一下Xcode等

使用VSCode创建flutter项目运行项目

1. 安装flutter,和Dart插件,安装完之后,重启VSCode(如图)

   
   921564647067_.pic_hd.jpg
   931564647122_.pic_hd.jpg
2. 重启VSCode后快捷键commit+shift+p打开命令面板输入flutter 就会出来New Project选择它 941564647767_.pic_hd.jpg

3. 输入你想取的项目名字回车,选择保存路径,稍等一下,项目就创建好了,如图

4. 运行项目 -- 终端输入命令

$flutter run   

注意:这个时候,需要看看有没有真机或者虚拟机,如果没有的话,需要启动虚拟机先

flutter经常用的命令

运行项目
$flutter run   

模拟器列表
$ flutter emulators

启动模拟器,只有启动模拟器才可以运行模拟器
$ flutter emulators --launch <emulator id>
例如未启动模拟器列表:
Nexus_5X_API_28     • Nexus 5X      • Google • Nexus 5X API 28
apple_ios_simulator • iOS Simulator • Apple

启动安卓模拟器
$ flutter emulators --launch Nexus_5X_API_28

运行所有模拟器
$ flutter run -d all

运行指定模拟器
$ flutter run -d <deviceId>
例如模拟器列表:
Android SDK built for x86 • emulator-5554             • android-x86 • Android 9 (API 28) (emulator)
xxx的 iPhone               • 00008020-001838491169002E • ios         • iOS 12.2

运行安卓模拟器
$ flutter run -d emulator-5554

运行IOS真机
$ flutter run -d 00008020-001838491169002E

运行模拟器过程中命令

1. 热更新直接刷新 $ r

2. 热更新重启刷新 $ R

3. 网格模式的开启和关闭-可以看布局 $ p

4. 安卓和iOS模式来回切换 $ o

5. 退出运行模拟器 $ q

安装dart

1. 如果mac电脑没有安装brew这个工具,首先需要安装brew 参考https://brew.sh/
2. 安装好之后,一次执行下面两个终端命令

• brew tap data-lang/dart
• brew install dart

注意: 很多电脑执行这两个命令之后,不一定能成功,这个时候可以模仿flutter环境配置

1. 下载dart 下载地址是https://storage.googleapis.com/dart-archive/channels/stable/release/2.4.0/sdk/dartsdk-macos-x64-release.zip
2. 下载之后,解压,找到bin目录,模仿flutter环境配置,一样可以配置好,这个方法要简单很多,配置好之后,输入命令dart --version,就可以看到自己下载的dark版本.

创建一个新项目

$ flutter create flutterDemo
$ cd ..(项目目录)
$ flutter run (运行)
$ sudo chmod -R 777 *   // 修改目录权限