fluttervscode的简单介绍

本篇文章给大家谈谈fluttervscode，以及对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、vscode flutter 环境搭建
• 2、VSCode运行flutter启动模拟器
• 3、vscode 中flutter找不到模拟器
• 4、Flutter VScode编辑器怎么切换ios分割
• 5、4. VS Code创建flutter项目
• 6、Flutter-02编译器选择

vscode flutter 环境搭建

环境准备阶段：

android-studio 版本：android-studio-ide-191.5977832-windows.exe 3.5.2

flutter版本：stable 版本 （完成系统环境变量 path配置凳册老）

dart版本：2.12.0 （完成系统环境变量 path配置）

完成相关软件安装。

配置flutter相关SDK及andriod studio路径：

flutter config --android-sdk="C:\Users\Administrator\AppData\Local\Android\Sdk"

flutter config --android-studio-dir="D:\Program Files\Android\Android Studio"

执行flutter doctor运行成功。

夜神模拟器地址：D:\Program Files\Nox\bin （完成系姿巧统环境变量 path配置）

andriod SDK tools：C:\Users\Administrator\AppData\Local\Android\Sdk\platform-tools （完成系统环境变量 path配置）

nox_adb.exe connect 127.0.0.1:62001

dart SDK:D:\software\dartsdk-windows-x64-release\dart-sdk\bin

将C:\Users\Administrator\AppData\Local\Android\Sdk\platform-tools 下面adb.exe 复制至D:\Program Files\Nox\bin覆盖

adb.exe，此枣升外重新复制adb.exe命名为nox_adb.exe，替换原有的nox_adb.exe。

cdm 输入nox_adb version 及adb version发现版本一致。

启动野神模拟器，输入adb devices发现虚拟设备，执行flutter devices发现 127.0.0.1:62001 设备。

修改C:\learn_flutter\first_flutter\android\gradle\wrapper\gradle-wrapper.properties

distributionUrl=

修改C:\learn_flutter\first_flutter\android\build.gradle

buildscript {

ext.kotlin_version = '1.3.50'

repositories {

// google()

// jcenter()

maven { url ' ' }

maven { url ' ' }

maven { url ' ' }

}

}

allprojects {

repositories {

// google()

// jcenter()

maven { url ' ' }

maven { url ' ' }

maven { url ' ' }

}

}

修改：C:\win-flutter\flutter\packages\flutter_tools\gradle\flutter.gradle

buildscript {

repositories {

// google()

// jcenter()

maven { url ' ' }

maven { url ' ' }

maven { url ' ' }

}

dependencies {

classpath 'com.android.tools.build:gradle:4.1.0'

}

}

//private static final String DEFAULT_MAVEN_HOST = " ";

private static final String DEFAULT_MAVEN_HOST = " ";

修改：C:\win-flutter\flutter\packages\flutter_tools\gradle\resolve_dependencies.gradle

repositories {

google()

jcenter()

maven {

//url "$storageUrl/download.flutter.io"

url " "

}

}

执行 flutter run启动成功。

环境搭建坑点在于JDK兼容问题以及网络问题。

[img]

VSCode运行flutter启动模拟器

主要有下面3中方法：

这个方法有点笨，但是可以选择打开哪个模拟器，最后扮穗者在vscode中选择对应的模拟器运行

经过本人测试，打开的是xcode列表中最下面的一个模厅薯拟器，不可以选择其他型号模拟器

查看一共有哪些打开的模拟器

比如先打开网易MuMu客户端，依次在终端执行如下命令就可族改以看到连接了该模拟器

vscode 中flutter找不到模拟器

记录一个学习flutter中的小问题。

我使用的键乱薯是mac电脑开始学习flutter。在使用vs code中突然找不到模拟器稿者了。 直接走web调试或者真机调试，在vscode上也找不到选择模拟器的地方。

查找问题：

1.执行flutter doctor。发现找不到fluterr的命令了。很明显是flutter的环境变量没设置进去。很神奇明明前面一直在使用。

2.打印环境变量

果然没有。突然记起我安装fluter的时候图方便直接执行的

来添加环境变量的。flutter官网上有说明这个只能暂时针对当前命令行窗口设置PATH环境变量。然后陪盯还是老老实实的去～/.bash_profile中设置了环境变量。果然运行良好。

Flutter VScode编辑器怎么切换ios分割

点击“终端”即可打开终端面板,

_慊饔疑辖堑摹安鸱蠢基直嗉鳌卑磁ァ? 3 点击“查看”,选择“切换编辑器组布闷皮局”,即可切换为垂直布带罩谨局

4. VS Code创建flutter项目

如果和我一样，用惯了VS Code来开发项目的话，那就跟我一起来配置一下如何在VS Code里运行核哪大flutter项目。

1.在VS Code里安装扩展：

2.在VScode上打开打开终端，快捷键：Ctrl+~（Tab上一个键），在终端上输入：flutter create flutter_app02，即可创建完成！

也可以把之前的项目放到工作区

3.在终端中运行命令：flutter run

运行的时候你会发现手机提示你安装个app，点击安装完成，项目就在手机上显示了，下图是运行成功的提示。

下图是手机效果：

如果报错缓前的话，运行下清缓存的命令：改竖flutter clean，把文件夹.gradle删掉，然后flutter run重新跑下项目。

Flutter-02编译器选择

1.打开 VS Code。

2.打开 查看 命令面板…。

3.输入 “install”，然后选择 扩展: 安装扩展(就是点击选择第一行内容)。

4.在扩展搜索输入框中输入 “flutter”，然后在列表中选择 Flutter 并单击 安装。此过程中会自动安装必需的 Dart 插件。（选择第一行并安装）

5.退出然后重新启动 VS Code。

1.打开 查看 命令面板…。

2.输入 “doctor”，选择 Flutter: Run Flutter Doctor。

3.打开 输出 (OUTPUT) 面板查看是否有错误，确保在不同的输出昌搜巧选项 (Output Options) 的下拉列表中选择了 Flutter。

我们在上篇文章已经用命令行创建了一个 my_app 的flutter项目了，这里我们就可以使用 vscode 打开看看了

创建新项目 ，则是在命令面板输 flutter , 选择 Flutter: New Application Project

运行项目 ，找到 VS Code 的状态栏(窗口底部蓝色的条)

1.打开 Android Studio。

2.打开插件设置（在 v3.6.3.0 以上的系统打开 Configure Plugins）。

这里需要先改一下网络请求的设置

3.然后耐键搜索Flutter 插件，选择并点击 安装。

4.当弹出安装 Dart 插件提示时，点击 Yes。

5.退出重新启动编译器，然后在编译器主页面就可以看到多了了 create new flutter project 可供选择，代表flutter插件安装成功，我们试着点击来创建一个新项漏州目。

关于fluttervscode和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。