Flutter 入门的环境配置

Flutter的中文官网:https://flutterchina.club

1、flutter 中文官网界面点击《快速开始》

图(1)


2、进入到初步安装设置界面  选择自己电脑的操作系统  进行安装  

:我的是windows系统

图(2)

3、进行用户变量设置

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

例如:图(3)、图(4)


图(3)


图(4)

4、下载需要用到的软件(git)

下载链接:https://git-scm.com/download/win

下载完成后一路下一步进行安装

5、查看系统变量path路径中是否有C:\Program Files\Git\cmd  如果没有手动添加早Path中 用 ; 分割开,如图(5)

找到git中git-core的路径C:\Program Files\Git\mingw64\libexec\git-core;和C:\Windows\System32都配置到Path中


图(5)

6、获取Flutter SDK   下载官网:https://flutter.dev/docs/development/tools/sdk/releases#windows

下载完成后放到安装Flutter SDK的路径(例如:C:\Flutter\flutter我的放到C盘了  注:不要将flutter安装到需要一些高权限的路径如C:\Program Files\

7、把Flutter的bin的全路径 配置到 系统变量 Path中 用;分开 (例如:C:\Flutter\flutter\bin  如图6)


图(6)

8、在Android Studio中下载需要用到的插件 flutter 和Dart


图(7)

9、在Flutter安装目录的flutter文件下找到flutter_console.bat ,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。


图(8)

说明flutter 的SDK已经没问题了

10、别着急 还要测试flutter的工具能不能用   需要执行 flutter doctor   当然也可以在Windows+R  cmd中进行执行 flutter doctor

如果出现: 如图(9)所示  根据提示进行执行   flutter doctor --android-licenses  (这是Android的一些证书需要接受)然后 一路 《Y》就行行了

图(9)

11、执行完后  再次执行flutter doctor

如图(10) 缺少设备连接  

图(10)

12、连接好设备 再次执行flutter doctor  出现如图(11) 是说明flutter 配置已经完成啦

图(11)

你可能感兴趣的:(Flutter 入门的环境配置)