零基础学Flutter之Windwos环境搭建

零基础学Flutter之环境搭建

  • Flutter发展史
  • Windwos环境
    • 补充关于SDK Manager.exe无法运行的问题
  • 交流学习入口

视频教程下载入口

Flutter发展史

Google于2018年12月发布Flutter1.0正式版。
官方URL
中文官方URL
个人推荐初学者这本书 Flutter实战

Windwos环境

我们需要准备 下载Flutter SDK
去flutter官网下载其最新可用的安装包,官网地址
也可以去github上下载,但国内有墙下载慢,我们这里采用下载好的SDK
我们先配置一下国内镜像
如图:
PUB_HOSTED_URL=https://pub.flutter-io.cn
零基础学Flutter之Windwos环境搭建_第1张图片
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
零基础学Flutter之Windwos环境搭建_第2张图片
解压下载好的 Flutter SDK
零基础学Flutter之Windwos环境搭建_第3张图片
运行flutter_console.bat文件
打开如下:
零基础学Flutter之Windwos环境搭建_第4张图片
输入flutter doctor命令
零基础学Flutter之Windwos环境搭建_第5张图片
说Android SDK没找到,我们需要去下载Android SDK
找到对应的版本进行下载 这里我下载的是 android-sdk_r24.4.1-windows.zip
解压如图:
零基础学Flutter之Windwos环境搭建_第6张图片
解压好SDK 需要配置环境变量如图:
零基础学Flutter之Windwos环境搭建_第7张图片
会出现
零基础学Flutter之Windwos环境搭建_第8张图片
找不到SDK 我们需要切换到android sdk目录打开SDK Manager.exe
零基础学Flutter之Windwos环境搭建_第9张图片
零基础学Flutter之Windwos环境搭建_第10张图片
点击Install
零基础学Flutter之Windwos环境搭建_第11张图片
选择Accept License 点击Install
耐心等待安装完成.
切换flutter目录 运行flutter_console.bat 执行flutter doctor命令
零基础学Flutter之Windwos环境搭建_第12张图片
这里我们需要输入 flutter doctor --android-licenses
发现又出现新的错误提示:
零基础学Flutter之Windwos环境搭建_第13张图片
说我们需要更新sdk 我们新打开一个cmd窗口 复制 xxxx sdkmanager --update 如图

这里我们一路按y
零基础学Flutter之Windwos环境搭建_第14张图片
发现出现新的错误提示 需要我们手动移动 android-sdk-windows\tools
切换android sdk目录 先备份tools目录 我们改一下tools目录名 改为tool
我们重新输入
零基础学Flutter之Windwos环境搭建_第15张图片
注意:原理路径是tools 记得改成tool 切记
然后切换回flutter
零基础学Flutter之Windwos环境搭建_第16张图片
一路按y
零基础学Flutter之Windwos环境搭建_第17张图片
我们在输入flutter doctor
零基础学Flutter之Windwos环境搭建_第18张图片
我们需要配置一下flutter全局环境变量,方便我们以后操作
找到flutter目录 配置环境变量
零基础学Flutter之Windwos环境搭建_第19张图片
在Path变量中配置:
零基础学Flutter之Windwos环境搭建_第20张图片
我们打开cmd 输入 flutter --version
零基础学Flutter之Windwos环境搭建_第21张图片
到此为止,我们的windows系统flutter环境算是搭建完成了

补充关于SDK Manager.exe无法运行的问题

这里需要配置java环境
JavaSe下载地址
在这里我选择的是JDK8的版本
零基础学Flutter之Windwos环境搭建_第22张图片 进入下载页面
零基础学Flutter之Windwos环境搭建_第23张图片
点击Accept License Agreement
选择你要下载的系统版本 我系统是windows10 64位 在这里我下载jdk-8u201-windows-x64.exe
然后安装,安装这里我就不贴图了,安装好,找到安装目录 配置环境变量
零基础学Flutter之Windwos环境搭建_第24张图片
在Path变量中添加
零基础学Flutter之Windwos环境搭建_第25张图片
打开cmd 输入 java -version
零基础学Flutter之Windwos环境搭建_第26张图片
ok java开发环境变量我们也配置好了

交流学习入口

点击链接加入群聊零基础学Flutter
下一篇:零基础学Flutter之Android Studio集成Flutter

你可能感兴趣的:(跨平台开发)