FVM 切换 VSCode 的 Flutter 版本

简介: FVM 切换 VSCode 的 Flutter 版本随着 flutter2.5.0 的发布,相信很多同学都是激动的心,颤动的手,想快速尝试一波,做一个吃螃蟹的人,本人也是曾怀揣着这样的心情,头脑一热的将本地的 flutter 版本更新到 2.05.0 了,螃蟹吃完了,但是回到项目(公司项目采用的 1.20.4)代码时,一打开,一片红,各种报错,我滴个乖乖~,又赶紧将版本回退到之前的稳定版本!

FVM 切换 VSCode 的 Flutter 版本

随着 flutter2.5.0 的发布,相信很多同学都是激动的心,颤动的手,想快速尝试一波,做一个吃螃蟹的人,本人也是曾怀揣着这样的心情,头脑一热的将本地的 flutter 版本更新到 2.05.0 了,螃蟹吃完了,但是回到项目(公司项目采用的 1.20.4)代码时,一打开,一片红,各种报错,我滴个乖乖~,又赶紧将版本回退到之前的稳定版本!


本着又想吃螃蟹,又想兼顾公司项目代码的想法,还是幼稚了,幸运的是,https://github.com/leoafarias/fvm 就能满足需求。在这里介绍一款 flutter 的版本管理神器 FVM,安装方式我给了两种,


chocochoco


FVM 可以在用户本机通过安装多个 Flutter SDK 版本,来为项目指定 Flutter 版本,或者快速在各个版本间切换,解决只有一个 Flutter 版本对不同项目兼容问题。

在 windows 上安装 fvm

方法一:先安装  choco

官网:


https://chocolatey.org/


powershell 管理员身份运行命令行


不会的话,先打开一个 powershell 窗口 ,然后右击任务栏,选择第一个,即可进入


image.png


输入命令


  • cmd 安装直接拷贝执行即可,注意需要管理员身份运行


@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

复制代码


  • PowerShell 安装


Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

复制代码

检查安装是否成功

choco -v

复制代码


  • 更新


choco upgrade chocolatey

复制代码


可以安装成功

常用指令

choco list -li 查看本地安装的软件


choco search nodejs 查找安装包


choco install sublimetext3 下载


choco uninstall sublimetext3 卸载


choco upgrade sublimetext3 更新(update)


image.png

接下来安装 fvm

choco install fvm

复制代码

方法二:pub 方式安装 fvm

pub global activate fvm

复制代码


可以设置系统环境变量、


<h2 id="1">1.语法示例</h2>


image.png

VSCode 配置

现在我们将在这里配置 VS Code,我们将看到如何完成 VS Code 过程。


目录的路径,我们可以在代码中看到 FVM 安装的所有版本


这里提示在 settings.json 添加以下内容。


{  "dart.flutterSdkPaths": ["D:/fvm/versions""]}

复制代码


用 fvm 命令,输入fvm出现如下信息,即配置成功,可以开始使用 fvm 管理了。


image.png


为了获得上面的路径,我们将执行 fvm list 命令


// copy this pathVersions path:  $YOUR_PATH/fvm/versions

复制代码


输入 cmd + shift + p 来使用 sdk,然后输入 change sdk,现在你可以选择你喜欢的版本了。


image.png


初始化项目


$ fvm flutter create .

复制代码


相关文章
|
27天前
深入理解Flutter鸿蒙next版本 中的Widget继承:使用extends获取数据与父类约束
本文详细介绍了Flutter中如何通过继承其他Widget来创建自定义组件。首先解释了Widget继承的基本概念,包括StatelessWidget和StatefulWidget的区别。接着通过具体示例展示了如何继承StatelessWidget和StatefulWidget,并在子类中访问父类的build方法和状态。最后,结合多个自定义Widget展示了如何在实际应用中灵活使用继承和组合来构建复杂的UI。
74 8
|
27天前
|
Dart UED 开发者
flutter鸿蒙版本通过底部导航栏的实现熟悉架构及语法
这篇博客详细解析了一个 Flutter 应用的完整代码,实现了带有底部导航栏的功能,允许用户在不同页面之间切换。通过逐行讲解,帮助读者理解 Flutter 的结构、状态管理和组件交互。代码涵盖了从引入包、创建主入口、定义无状态和有状态组件,到构建用户界面的全过程。希望对 Flutter 开发者有所帮助。
150 3
|
27天前
|
存储 Dart 前端开发
flutter鸿蒙版本mvvm架构思想原理
在Flutter中实现MVVM架构,旨在将UI与业务逻辑分离,提升代码可维护性和可读性。本文介绍了MVVM的整体架构,包括Model、View和ViewModel的职责,以及各文件的详细实现。通过`main.dart`、`CounterViewModel.dart`、`MyHomePage.dart`和`Model.dart`的具体代码,展示了如何使用Provider进行状态管理,实现数据绑定和响应式设计。MVVM架构的分离关注点、数据绑定和可维护性特点,使得开发更加高效和整洁。
154 3
|
27天前
|
Dart UED
在 Flutter鸿蒙next版本 中使用 if 语句和三元表达式进行视图逻辑判断
在 Flutter 开发中,构建动态和响应式的用户界面是核心任务。本文详细探讨了如何使用 if 语句、三元表达式等方法进行视图逻辑判断,并提供了示例代码。通过这些方法,可以根据不同条件动态渲染组件,提高用户体验。文章还强调了保持代码可读性和合理使用匿名函数的最佳实践。
68 2
|
27天前
|
JSON Dart 数据处理
flutter鸿蒙版本数据处理常用总集
本文介绍了在 Flutter 中如何本地访问 JSON 文件,包括确保文件路径正确、更新 `pubspec.yaml` 配置、正确加载 JSON 文件的方法。同时,详细讲解了如何在 Flutter 中使用 `dart:convert` 库进行 JSON 与 Map、Dart 对象之间的相互转换,提供了多个示例代码,帮助读者更好地理解和应用这些技术。
27 1
|
28天前
|
Dart 搜索推荐 API
Flutter & 鸿蒙next版本:自定义对话框与表单验证的动态反馈与错误处理
在现代移动应用开发中,用户体验至关重要。本文探讨了如何在 Flutter 与鸿蒙操作系统(HarmonyOS)中创建自定义对话框,并结合表单验证实现动态反馈与错误处理,提升用户体验。通过自定义对话框和表单验证,开发者可以提供更加丰富和友好的交互体验,同时利用鸿蒙next版本拓展应用的受众范围。
72 1
|
2月前
|
Dart UED 索引
flutter鸿蒙版本通过底部导航栏的实现熟悉架构及语法
flutter鸿蒙版本通过底部导航栏的实现熟悉架构及语法
29 2
|
27天前
|
存储 UED 开发者
Flutter鸿蒙版本灵活使用方法间的回调处理复杂化的逻辑
在 Flutter 开发中,灵活使用函数回调可以提高代码的可重用性、简化异步编程、增强解耦设计和提升用户体验。本文通过一个简单的示例,展示了如何在 Flutter 中实现函数调用和回调的基本使用。示例代码包括主入口、页面组件和回调函数的定义与调用,详细解析了每个部分的功能和作用。通过这种方式,开发者可以在操作完成后执行特定逻辑,使代码更易读和维护。
73 0
|
4月前
|
开发工具
如何修改Vscode查看源代码管理版本变动文件的查看方式
这篇文章介绍了如何在VSCode中通过源代码管理插件修改查看源代码版本变动文件的方式,提供了树形视图和列表视图两种查看方法,并说明了如何通过设置选项来切换查看方式,帮助用户根据自己的喜好更高效地查看和管理代码变动。
如何修改Vscode查看源代码管理版本变动文件的查看方式
Flutter MAC VSCode 常用快捷键和命令行
Flutter MAC VSCode 常用快捷键和命令行
172 0