如何安装flutter
安装步骤
- 下载flutter的sdk
- 下载完成解压(解压之后,将文件夹目录放入应用程序中)
- 命令行使用(用编辑器打开)
code ~/ .bash_profile
(配置环境) - 打开文件后添加一行
export PATH = $PATH:/Applications/flutter/bin
- 然后在命令行执行
source ~/.bash_profile
- 执行命令
flutter --help
如果出现flitter的说明,说明flutter已经安装成功!
其他配置环境的下载
- 可以在苹果商店中下载一个
xcode
软件 - 可以在
xcode
中打开模拟器 - 然后在
vscode
上提示输入flutter doctor
会提示有一个可用的设备 - 编辑器可以使用
vscode
或者android studio
(暂时可以使用vscode) - 在
vscode
安装flutter
的插件 - 打开命令面板:搜索
flutter
会提示一些flutter相关的命令 - 可以在命令行工具中使用
flutter doctor
来检测问题(解决一些问题)
命令行创建一个项目
flutter create app
注意(项目名字不能横线只能使用下划线)- 进入创建好的目录
- 使用
vscode
打开目录 - 在终端命令中使用
git init
初始化仓库 - 做一次保存和提交
git add .
git commit -m'初始化'
在vscode中创建flutter 项目
Control + shift + p
中搜索flutter
中有一个New project
运行项目
- 在运行项目之前,可以使用
flutter doctor
检测下项目 - 使用命令
flutter emulator
可以列出项目中可以使用的模拟器 - 找到一个模拟器,并且复它的名字:如
apple_ios_simulator
- 执行命令
flutter emulator --launch apple_ios_simulator
- 打开模拟器之后,可以执行我们flutter的应用了,使用命令
flutter run
- 当然如果系统提供多个模拟器,我们可以进行选择
flutter -d
- 热加载可以使用按R
- Ctrl + c 打断运行!
如何安装Android studio 插件
- 打开android studio ,然后打开项目文件夹
- 会提示安装插件,按提示安装(依赖)
- 安装完毕,重启模拟器 (Android studio)
- 打开之后,需要配置模拟器(打开 tools —> AVD Manager )
- 选择模拟设备的类型和具体的型号,选择具体的API,在Graphics:中选择Hardware-GLES2.0.(finish)
- 打开编辑器的调试功能,运行编译,这时候会让我们选择一个设备(可以选择我们创建好的设备)