前要
目前已知的开发工具有两个,一个是 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
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