flutter体验-环境搭建

前几天逛网站看到flutter,看了看简介，感觉还不错，想学习一下，说干就干，搭环境。

获取flutter sdk：

• 由于一些原因，flutter的官网下载一直显示loading,我就跑到 flutter的github上去下载安装包，下载好之后，解压。
• 解压好之后添加环境变量，在path下添加 flutter\bin 的绝对路径。看教程上说还要加两个国内镜像的环境变量"PUB_HOSTED_URL" = https://pub.flutter-io.cn//  和"FLUTTER_STORAGE_BASE_URL" = https://storage.flutter-io.cn
• 添加好环境变量之后，重启电脑，打开cmd ,运行 flutter doctor 命令，第一次运行一个flutter命令（如flutter doctor）时，它会下载它自己的依赖项并自行编译。 

                

安装android sdk：

• 由于我电脑上没有装过android环境，所以得弄java sdk 和android sdk
• 安装java sdk，配置环境变量(要看好安装的版本，第一次安装的java11，结果到后面发现有些方法不存在，又只好安了个java8,就没有问题了)
• 安装好java环境，然后安装android sdk，由于我是打算使用vscode开发，就得安装android sdk，要是使用android studio开发可以忽略掉。
• 安装好android sdk之后，发现 SDK Manager 打不开，找了半天发现是 android sdk\tools\lib下的find_java.bat出了问题，找不到java.exe，打开find_java.bat，将

  for /f "delims=" %%a in ('"%~dps0\find_java%arch_ext%.exe" -s') do set java_exe=%%a

  这行代码改为

  set java_exe=java sdk路径\bin\java.exe

  在运行SDK Manager就可以打开了(注：SDK Manager打不开的原因有好多，我遇到的是找不到java)

vscode扩展：

• 环境搭建好了之后，在vscode上添加flutter的扩展，由于新的flutter 扩展里包含 dart 扩展，所以只添加flutter扩展就可以了

创建项目，运行：

• 添加好之后在顶部菜单>查看>命令面板(快捷键:Ctrl+Shift+p)运行命令，可以先运行 Flutter: Run Flutter Doctor，运行命令Flutter: New Project 来新建项目。运行时会提示输入项目名称，之后等待创建完成即可。

• 项目创建完成之后可以直接运行，项目默认有一个demo。运行程序之前保证手机和电脑连接或启动android的模拟器。vscode和调试环境连接成功右下角会显示设备名称

  没有连接成功显示 No Devices  

                                       

       成功之后显示设备名称    

                             

 

• 运行调试按F5或者顶部菜单>调试>启动调试。等待安装运行。这个开发环境就搭建好了。先看看文档。