vsCode开发flutter项目
使用vsCode开发flutter项目需要部署开发环境,安装java SDK、flutter SDK、Android SDK,以下是我在部署环境时候遇到的问题,大家可以参考一下。有什么写得不好的地方请大家多多包涵。
1.flutter项目需要依赖java,所以需要安装java Sdk。
java安装路径:https://www.oracle.com/technetwork/java/javase/downloads/index.html ,安装完成后需要在命令行中输入javac验证,若无法正常运行,则需要进行系统环境变量配置,若出现以下情况表示安装成功。
系统环境变量配置参考:https://www.cnblogs.com/BillyYoung/p/10736984.html
2.安装flutter Sdk。
flutter sdk安装路径:https://flutter.dev/docs/development/tools/sdk/releases#windows
下载压缩包之后解压到本地,并且配置系统环境变量后,在命令行中输入flutter doctor ,若出现以下信息则表示安装成功
flutter配置环境变量:在系统变量path中添加flutter解压后的bin文件夹的路径,如:E:\Flutter\flutter\bin
3.vsCode 安装flutter插件,安装flutter时会自动安装Dart插件
4.安装Android Studio ,主要是安装Android studio Sdk
Android studio 安装连接:https://developer.android.google.cn/studio/
如果连接打不开,则需要 科 学上 网!!!
安装过程中会弹出提示如下: ,
原因是第一次安装,检测到电脑没有SDK。可以点击Cancel,在后续的界面再安装SDK,一定要记下sdk的安装路径。
安装完成后:
1).首先要配置环境Android环境变量,否则虚拟机无法连接
系统环境变量中添加
ANDROID_HOME=C:\Users\{youruser}\AppData\Local\Android\Sdk
系统环境变量path中添加:
$ANDROID_HOME$;$ANDROID_HOME$/tools;$ANDROID_HOME$/platform-tools
2).在Android studio编辑器里面安装虚拟机,否则在vscode中启动flutter项目的时候无法创建虚拟机
虚拟机安装步骤如下图:
下载完成后按finish 然后再按finish,就可以完成虚拟机的安装。
!!!如果出现以下图片红色方框里面的提示,则该电脑无法启动虚拟机。
安装完成后在命令行中输入flutter doctor 检验skd是否安装成功
出现上图中 Flutter plugin not installed; this adds Flutter specifice functionalty.报错,是因为Android studio 编辑器没有安装flutter插件。
解决方法:
打开Android studio编辑器 file => Settings => Plugins 搜索flutter插件,然后安装,安装flutter插件时会自动安装dart插件。
出现上图中 Android license status unknown报错,则需要安装安卓许可,在命令行中输入 flutter doctor --android-licenses
出现以上报错是因为安装的java sdk版本过高。
解决方法:安装低版本sdk,安装java8,重新安装java8之后在终端中检验是否安装成功
java8下载地址:http://www.downza.cn/soft/27438.html , https://www.jb51.net/softs/698365.html
安装java8之后重新打开vscode,并且重新执行命令:flutter doctor --android-licenses
一直按y,然后回车, 直到步骤完成
安装成功后再命令行中输入 flutter doctor,若出现一下画面,则说明flutter开发的环境已经搭建好了,可以创建flutter项目了
开发环境部署好了,现在可以创建flutter项目了
1)创建一个文件夹flutter,拉到vsCode中打开,在编辑器中新建终端
2)输入flutter create my_app,项目创建完成后就可以跑起来了
3)第一次跑的时候需要安装一些依赖,需要等待一点时间
若是使用安卓模拟器创建项目,若是第一次则需要添加flutter SDK path,路径就是flutter的安装路径 D:\Flutter\flutter_windows_v1.7.8+hotfix.4-stable\flutter