Mac环境搭建
第一步:安装Git,下载flutter并解压
第二步:配置环境变量
1、进入用户主目录,比如我是leeyen
cd ~
2、查看.bash_profile是否存在,不存在,创建文件(注意前面有个点)
touch .bash_profile
3、执行命令,用编辑器打开.bash_profile
open -e .bash_profile
4、在.bash-profile中添加国内镜像环境变量,粘贴下面内容
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
5、在.bash-profile中添加flutter SDK的bin路径到环境变量,粘贴下面内容(注意将前面的路径名改成自己的)
export PATH=${PATH}:/Users/leeyen/app/lib/flutter/bin
获取路径名的方法:
第一种,在bin文件夹上右键,然后按option键,点击将bin拷贝为路径名称
第二种,命令行cd到bin目录,执行pwd命令 pwd
6、执行以下命令,让配置生效
source .bash_profile
第三步:重启终端,在任意目录运行一下命令,进行检查
flutter doctor
1)提示需要安装Android Studio和Android SDK,以及需要配置ANDROID_HOME环境变量
2)提示xcode没有安装 cocoapods没有安装
3)提示vscode的flutter扩展没有安装
第四步:下载安装Android Studio,运行Android Studio会安装Android SDK,记下SDK路径,然后执行下面步骤:
1)配置环境变量 .bash-profile中添加以下内容(注意将路径换成自己的)
export ANDROID\_HOME=/Users/leeyen/Library/Android/sdk/
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
然后更新配置 source .bash\_profile
2、再次运行flutter doctor,提示没有licenses,运行一下命令
flutter doctor --android-licenses // 一路输入y,enter确定,直到最后完成(会出现初始的目录名)
第五步:Android Studio安装flutter和dart插件(这个估计你们知道),然后安装模拟器(也可以vscode中创建,和Windows一样)
用Android Studio先创建一个flutter项目 然后执行下面步骤 安装模拟器 不然vscode不能调试Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device,从推荐中选择一个即可(也可点击右上角手机按钮创建模拟器)
安装xcode(这个因为系统版本原因,我也暂时没处理,回头解决了在更新),以下命令可能失败,只供参考
1 安装 CocoaPods sudo gem install cocoapods
2 安装 xcode
3 安装苹果命令行工具
第六步:vscode安装flutter扩展,然后按下shift+command+p, 输入flutter,创建项目,或者使用一下方式也可以
选择菜单中View>Command Palette… 输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action 输入 Project 名称 (如myapp), 然后按回车键 指定放置项目的位置,然后按蓝色的确定按钮 等待项目创建继续,并显示main.dart文件
1、按F5或者选择菜单Debug—Start Debugging运行调试(前提是安装了模拟器)
注意:如果运行出错,重新创建项目。
Windows环境搭建
第一步:前提——安装Git(教程自己可以网上看一下)
需要安装javaJDK,我电脑已经安装过,这里不做详细说明,参考 www.oracle.com/technetwork…
第二步:下载flutter的SDK并解压
第三步:配置环境变量(用户变量)
1、新建用户变量
PUB_HOSTED_URL:https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL:https://storage.flutter-io.cn
2、用户变量path中添加解压的flutter包的全路径(即bin所在路径)
${你的路径}/flutter/bin
第四步:安装Android Studio(安装路径一定不要出现中文符号和空格),完成后一并下载SDK,安装模拟器(也可以在vscode中创建)
1、安装完后,进入 文件-设置-Appearance-System Setting-Android SDK,点击Android SDK Location的编辑按钮,选择SDK存放的目录(如:D:app\AndroidSDK),执行安装。然后配置SDK系统变量:
2、新建系统变量
ANDROID_HOME=D:\app\AndroidSDK
3、系统变量path中添加SDK文件夹下的tools路径和platform-tools路径
4、点击右上角手机按钮,安装模拟器
第五步:重启终端,在任意目录运行以下命令,进行检查
flutter doctor
1、如果检查提示:Some Android licenses not accepted,那么,命令行执行:
flutter doctor --android-licenses // 一路输入y,enter确定,直到最后完成(会出现初始的目录名)
第六步:vscode开发配置:
1、安装flutter扩展,点击右下角 No Device,选择模拟器或者创建一个模拟器
2、创建项目:按shift + Ctrl + P,选择新建flutter项目
3、按F5或者执行 flutter run,开启debug调试(debug模式会有热重载功能)
感谢你的阅读
多多指导哦,如有补充,请留言。
如果觉得喜欢,就收藏一下或者star一下呗,或者也可以给我的github来颗 star~~