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
vsCode开发flutter项目的更多相关文章
- 使用VSCode开发Flutter
前言 为什么使用VSCode? flutter官方推荐的编辑器有IDEA/Android Studio和VSCode, 之前开发Flutter用的IDEA, 不过IDEA始终比较重,于是换用VSCod ...
- Vscode 调试 Flutter 项目
1.Vscode 中打开 flutter 项目进行开发 2.运行 Flutter 项目 flutter run r 键:点击后热加载,也就算是重新加载吧. p 键:显示网格,这个可以很好的掌握布局情况 ...
- 配置VSCode开发Vue项目
一.安装VSCode.NodeJS VSCode:https://code.visualstudio.com/ NodeJS:https://nodejs.org/en/ 二.打开VSCode,安装常 ...
- 使用vscode 开发go项目的最新姿势. go版本1.14.2
使用了go 1.14.2. 版本, 再也不用建src, pkg, bin 目录了, 以及再也不用强制配置GOPATH了 前提条件: 必须是 go mod 项目. 在工程目录下, 执行这样的命令生成 ...
- VScode开发Vue项目,关闭eslint代码检查,以及相关配置
Vue初始化项目时如果不小心安装了js 语法检测 功能,撸码时一个空格不对就会各种报错 个人感觉这个语法检测功能很有点过于严格,用起来十分难受,所以果断关闭eslint,找到webpack.base. ...
- vscode开发vue项目保存时自动执行lint进行修复
vscode下载eslint插件 vscode进行设置 找到settings.json 在里面写入如下内容进行保存 { "eslint.autoFixOnSave": tr ...
- 使用vsCode开发vue项目格式化通用配置
{ "editor.tabSize": 2, "editor.fontSize": 18, "editor.wordWrap": ...
- 解决vscode开发react项目没有html标签自动补全
怎么设置自动补全: 左下角齿轮按钮--设置-- 在搜索框中输入Include Languages,选择Emmet,并在Emmet:include language下点击在setting.json中编辑 ...
- Mac中如何搭建Vue项目并利用VSCode开发
(一)部署Node环境 (1)下载适合Mac环境的Node包,点击进入下载页面 (2)安装Node环境:找到下载好的Node包,这里是node-v12.14.1.pkg,我们双击它,会进入Node.j ...
随机推荐
- MySQL的自增ID用完了,怎么办?
既然这块知识点不清楚,那回头就自己动手实践下. 首先,创建一个最简单的表,只包含一个自增id,并插入一条数据. create table t0(id int unsigned auto_increme ...
- 裸辞闭关2个月,成功进大厂!吃透这份562页《算法知识手册》,化身offer收割机!
前言 记得我上本科的时候,我们老师一直跟我们强调:"算法才是编程的灵魂,一定要把算法学好."因为不管你是Java编程爱好者.还是python的忠实粉丝,亦或觉得PHP才是这个世界最 ...
- Bert模型实现垃圾邮件分类
近日,对近些年在NLP领域很火的BERT模型进行了学习,并进行实践.今天在这里做一下笔记. 本篇博客包含下列内容: BERT模型简介 概览 BERT模型结构 BERT项目学习及代码走读 项目基本特性介 ...
- Spring学习日记01_IOC_xml的三种注入方式
什么是IOC 控制反转,把对象创建和对象之间的调用过程,交给Spring进行管理 使用IOC目的:为了耦合度降低 做入门案例就是IOC实现 IOC底层原理 xml解析 工厂模式 反射 原始方式 cla ...
- 企业如何通过CRM系统使销售周期缩短
企业为什么要缩短销售周期?因为这意味着可以节约更多开支,从而达到企业利润最大化.但是有不少企业尤其是B2B行业,销售周期都在三个月以上.通过调查发现,很多企业在客户信息和销售管道上缺乏管理和策略.Zo ...
- 暑假自学java第三天
1,java中有个c++中没有的数据类型 bite:byte的取值范围为-128~127,占用1个字节(-2的7次方到2的7次方-1) 在通常情况下,如果JAVA中出现了一个整数数字比如35,那么这个 ...
- Linux:linux下解压*压缩tar.xz、tar、tar.gz、tar.bz2、tar.Z、rar、zip、war等文件方法
tar -c: 建立压缩档案-x:解压-t:查看内容-r:向压缩归档文件末尾追加文件-u:更新原压缩包中的文件 ------------------------------------------ 这 ...
- 阿里云ECS问题 Login Incorrect , all available gssapi merchanisms failed
1.阿里云ECS无法登录 Login Incorrect 阿里云ECS密码包含2个密码: 1.重置密码(实例密码也就是我们SSH远程连接的密码): 2.修改远程连接密码(在阿里云网页控制台上远程连接的 ...
- Java实验项目三——简单工厂模式
Program: 请采用采用简单工厂设计模式,为某个汽车销售店设计汽车销售系统,接口car至少有方法print(), 三个汽车类:宝马.奥迪.大众 (属性:品牌,价格),在测试类中根据客户要求购买的汽 ...
- NAT444技术简介
嘛,最近老师布置了一道题目与NAT444技术相关,遂收集一波相关资料. 首先来一波名词解释: ICP:网络内容服务商(Internet Content Provider) BRAS:宽带远程接入服务( ...