flutter mac 三分钟 环境搭建

前要
目前已知的开发工具有两个,一个是 VSCode 另一个是Android studio
VSCode体积小,适合用来学习开发,因为我本身就是开发iOS的,所以就用VSCode了,如果你本身是安卓开发则可以用Android studio

一、环境的配置

1、从github上面下载flutter,地址如下,请自行下载(github上下载东西应该会吧o(╯□╰)o)
https://github.com/flutter/flutter.git

2、环境的配置

命令行
vim ~/.bash_profile

打开环境配置信息,按i键进行编辑状态,添加如下内容,前两行是设置镜像,毕竟google中间有个墙,第三行是设置flutter路径,路径因人而异,其实就是下载后flutter文件夹下bin文件夹的路径 比如export PATH=(下载flutter后的bin文件夹路径):$PATH

以下几行是要输入的内容:后三行是设置安卓的环境变量,建议在安装Android studio后再加上,如果缺少Android SDK能通过Android studio安装SDK,安装完Android SDK后,具体路径可在Android studio->preferences->Appearance&Behavior->System Settings->Android SDK查看到对应的路径,这个路径就是ANDROID_HOME的值

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/mac/flutter/bin:$PATH

安卓相关的配置

export ANDROID_HOME="/Users/用户名/Documents/android_sdk"
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

输入完以上信息后,
esc再输入:wq
即可完成编辑

3、运行 flutter doctor运行以下命令查看是否需要安装其它依赖项来完成安装,
flutter doctor
输入后就是等待,然后会出现以下几个信息,表示安卓或者iOS开发有哪些没准备好,按照提示安装即可

Android toolchain
iOS toolchain
.....

比如我装的时候报错缺少deploy,按照提示安装即可:

✗ ios-deploy not installed. To install with Brew:

brew install ios-deploy

还有提示安装Android studio....按照提示安装即可(遇到不会的自行百度)

error 如果提示 zsh: command not found: flutter
vim ~/.zshrc
然后输入bash_profile相同的内容即可

还有就是用这个(不推荐)
chsh -s /bin/bash

  • cmdline-tools component is missing
    cmdline-tools component is missing

4、

VSCode插件安装,

查看->扩展,搜索flutter、dart插件安装,

如果软件要用中文 ,下面连接有介绍

https://code.visualstudio.com/docs/getstarted/locales

5、使用VSCode运行第一个程序()

①运行第一个程序

调用 View>Command Palette…

输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action

输入 Project 名称 (如myapp), 然后按回车键

指定放置项目的位置,然后按蓝色的确定按钮

等待项目创建继续,并显示main.dart文件

②运行应用程序

确保在VS Code的右下角选择了目标设备

按 F5 键或调用Debug>Start Debugging

等待应用程序启动

如果一切正常,在应用程序建成功后,您应该在您的设备或模拟器上看到应用程序

更多可以去flutter中文网查看文档

https://flutterchina.club/get-started/install/

行吧行吧 不看文档是吧 好 再给个视频连接

https://ninghao.net/video/6372

你可能感兴趣的:(flutter mac 三分钟 环境搭建)