下载链接:https://code.visualstudio.com/
下载完成后根据步骤自行安装。
 
 

使用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项目的更多相关文章

  1. 使用VSCode开发Flutter

    前言 为什么使用VSCode? flutter官方推荐的编辑器有IDEA/Android Studio和VSCode, 之前开发Flutter用的IDEA, 不过IDEA始终比较重,于是换用VSCod ...

  2. Vscode 调试 Flutter 项目

    1.Vscode 中打开 flutter 项目进行开发 2.运行 Flutter 项目 flutter run r 键:点击后热加载,也就算是重新加载吧. p 键:显示网格,这个可以很好的掌握布局情况 ...

  3. 配置VSCode开发Vue项目

    一.安装VSCode.NodeJS VSCode:https://code.visualstudio.com/ NodeJS:https://nodejs.org/en/ 二.打开VSCode,安装常 ...

  4. 使用vscode 开发go项目的最新姿势. go版本1.14.2

    使用了go 1.14.2. 版本, 再也不用建src, pkg, bin 目录了,   以及再也不用强制配置GOPATH了 前提条件: 必须是 go mod 项目. 在工程目录下, 执行这样的命令生成 ...

  5. VScode开发Vue项目,关闭eslint代码检查,以及相关配置

    Vue初始化项目时如果不小心安装了js 语法检测 功能,撸码时一个空格不对就会各种报错 个人感觉这个语法检测功能很有点过于严格,用起来十分难受,所以果断关闭eslint,找到webpack.base. ...

  6. vscode开发vue项目保存时自动执行lint进行修复

    vscode下载eslint插件 vscode进行设置 找到settings.json 在里面写入如下内容进行保存 {     "eslint.autoFixOnSave": tr ...

  7. 使用vsCode开发vue项目格式化通用配置

    {   "editor.tabSize": 2,   "editor.fontSize": 18,   "editor.wordWrap": ...

  8. 解决vscode开发react项目没有html标签自动补全

    怎么设置自动补全: 左下角齿轮按钮--设置-- 在搜索框中输入Include Languages,选择Emmet,并在Emmet:include language下点击在setting.json中编辑 ...

  9. Mac中如何搭建Vue项目并利用VSCode开发

    (一)部署Node环境 (1)下载适合Mac环境的Node包,点击进入下载页面 (2)安装Node环境:找到下载好的Node包,这里是node-v12.14.1.pkg,我们双击它,会进入Node.j ...

随机推荐

  1. huge page 能给MySQL 带来性能提升吗?

    最近一直在做性能压测相关的事情,有公众号的读者朋友咨询有赞的数据库服务器有没有开启huge page,我听说过huge page会对性能有所提升,本文就一探究竟.对过程没有兴趣的可以直接看结论. 二 ...

  2. Go语言判断一个字节的高位大于四

    Go语言判断一个字节的高位大于四 1.步骤: 第一步,将该字节的低位清零(与0xF0进行&运算) 为了后面与0x40比较 0xF0转为二进制是1111 0000,&运算(两个同时为1, ...

  3. 单元测试布道二:在全新的 DDD 架构上进行单元测试

    目录 回顾 dotnet 单元测试相关的工具和知识 可测试性 不确定性/未决行为 依赖于实现:不可 mock 复杂继承/高耦合代码:测试困难 实战:在全新的 DDD 架构上进行单元测试 需求-迭代1: ...

  4. ClickHouse学习系列之六【访问权限和账户管理】

    背景 在之前写的文章[用户权限管理]里已经介绍了应该如何设置用户密码以及权限控制.但是只是针对修改配置文件的方式来进行用户权限管理,其实ClickHouse也支持基于RBAC(Role-Based A ...

  5. external-provisioner源码分析(2)-main方法与Leader选举分析

    更多ceph-csi其他源码分析,请查看下面这篇博文:kubernetes ceph-csi分析目录导航 external-provisioner源码分析(2)-main方法与Leader选举分析 本 ...

  6. python基本函数增删改排序,用range()求和

    a=["blue","red","brack"] print(len(a))#列表长度 a.append("yellow" ...

  7. 乘风破浪,.Net Core遇见Dapr,为云原生而生的分布式应用运行时

    Dapr是一个由微软主导的云原生开源项目,国内云计算巨头阿里云也积极参与其中,2019年10月首次发布,到今年2月正式发布V1.0版本.在不到一年半的时间内,github star数达到了1.2万,超 ...

  8. Linux-Samba服务

    Samba服务 1.Samba的起源 对于windows的网上邻居来讲,共享文件的方式用的是SMB和CIFS协议以及NETBIOS协议Linux/Unix之间用的是NFS协议. 但是Linux和Win ...

  9. 40、Linux文件误删除恢复操作

    rm -rf / #此方法删除不了/目录: rm -rf /* #此方法可以删除/目录下的所有内容,禁止使用: 40.1.前言: 作为一个多用户.多任务的操作系统,Linux下的文件一旦被删除,是难以 ...

  10. MySQL不支持DELETE使用表别名?

    最近做的需求经常和数据库在打交道, 因为系统页面上某些展示的字段并不是在前端写死的, 而是配置在数据库中, 这样的话便于维护和扩展. 于是遇到了一个MySQL中比较细节性的问题. 日常开发中不少程序员 ...