【flutter项目实战】第三节 如何在flutter项目中使用Getx命令行安装篇

已于 2024-03-26 08:59:02 修改
阅读量1k 收藏 16
点赞数 12
分类专栏： flutter实战 文章标签： flutter
于 2024-03-24 20:23:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/winni_a/article/details/136993893
版权
本文介绍了如何通过PowerShell安装Getx命令行工具，并在Windows系统中设置环境变量，包括安装Git、执行安装命令、处理可能的错误以及提供中文文档链接。
摘要由CSDN通过智能技术生成

Getx的命令行功能特别强大，可以节省我们的大量工作，具体看文档

那我们如何使用呢？

1. 安装git

不要给我扯什么为什么，装就对了！
git官网下载地址
其实这一步大部分人都已经完成了，当然排除有些人根本不用git的情况（有吗）
无需配置，安装完成即可

2. 执行安装getx 命令行

  1. 打开PowerShell 执行命令： pub global activate get_cli ，如果这个命令提示pub不存在，则执行public pub global activate get_cli
  2. 在系统变量的PATH中加入下面两个值
  • [FlutterSDK安装目录]\bin\cache\dart-sdk\bin
    比如我的：E:\Flutter\SDK\flutter_windows_3.19.4-stable\flutter\bin\cache\dart-sdk\bin
  • C:\Users[用户名]\AppData\Local\Pub\Cache\bin
    比如我的：C:\Users\shouyi\AppData\Local\Pub\Cache\bin
  1. 再打开PowerShell 执行命令flutter pub global activate get_cli
  2. 重新打开PowerShell 执行命令 get ，出现帮助就说明完成了
    在这里插入图片描述

get-cli中文文档

如何打开环境变量

方法一
控制面板
系统
高级系统设置
环境变量
打开

方法二
在搜索栏直接输入ENV

Call me 兽医
关注
  • 12
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
flutter-getx-doc:Flutter GetX文档
04-02
Flutter GetX文件 由于GetX官方的文档混乱，于是我便整理出来了一份文档。 包含了官方的概述和自己的理解以及工程化模式 使用dumi编写
flutter安装get_cli报错：error_unexpected ShellException(dart migrate --apply-changes --skip-import-check
qq_31835935的博客
01-05 750
get_cli报错：error_unexpected ShellException(dart migrate --apply-changes --skip-import-check
Getx 之 get_cli 安装配置
最新发布
zhangsp_dev_dxdc的博客
07-24 644
Getx 之 get_cli 安装配置
2024年Getx教程_Flutter+Getx系列实战教程介绍
yuanlaile的博客
04-17 717
Getx教程_Flutter+Getx系列实战教程介绍，GetX的学习曲线较陡峭，对于初学者来说可能会有一定的难度，但它在Flutter开发中是一个非常有用的工具。如果你对状态管理、依赖注入和路由管理等方面有较高的要求，那么学习GetX是很有必要的。
Flutter开发 - 使用GetX框架实现类似MVVM架构
Android23333的博客
02-20 1838
在Android原生开发中，通常是使用Databinding实现MVVM架构，只需要在gradle中开启databinding的选项，然后使用ObservableField或LiveData即可。
Flutter：安装Getx_cli脚手架出现的bug No active package Get_cli
qq_34589842的博客
02-09 629
我在安装getx脚手架在加完环境变量后 直接在终端执行get命令 或者getx命令来测试安装完成与否，出现如图的bug。
-flutter-boilerplate:使用GetX在Flutter中创建的样板项目
03-31
flutter_boiler 使用GetX在Flutter中创建的样板项目。入门该项目是Flutter应用程序的起点。 如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门：要获得Flutter入门方面的帮助，请查看我们的，其中提供了...
flutter+getX+middleware-示例项目
05-10
在本文中，我们将深入探讨基于Flutter的框架GetX与Middleware的集成，通过提供的"flutter_getx_middleware"示例项目来解析关键知识点。 Flutter是Google推出的一款用于构建高性能、跨平台移动应用的开源UI工具包。...
Flutter+getx+设置主题
05-08
在本文中，我们将深入探讨如何使用Flutter框架与GetX库来实现应用的主题切换功能。Flutter作为一个跨平台的开发工具，以其高性能、丰富的UI组件和热重载能力受到开发者喜爱。而GetX是一个轻量级的状态管理和路由管理...
Flutter+getX+getConnect-示例
05-09
在本示例项目中，我们将探讨如何结合`GetX`和`getConnect`这两个强大的库来构建更高效、更简洁的Flutter应用。 GetX是一个全面的状态管理和依赖注入库，旨在简化Flutter中的状态管理。它提供了反应式编程的支持，...
Flutter+getx+getxservice示例
05-13
4. **在视图(View)中使用控制器** 在你的Widget树中注入并使用控制器： ```dart class MyView extends StatelessWidget { final MyController controller = Get.find(); @override Widget build(BuildContext...
【Flutter -- GetX】准备篇
Kevin Learn Android
07-27 1497
GetX 是 Flutter 上的一个轻量且强大的解决方案：高性能的状态管理、智能的依赖注入和便捷的路由管理。
Flutter3.x: 配置Getx 之 get_cli 安装配置
mulegame的专栏
08-01 724
添加系统 Path变量: C:\Users\tiany\AppData\Local\Pub\Cache\bin。会提示重新初始化并覆盖+生成一些GetX项目，一路回车即可.打开终端,输入: get init。
使用Getx框架简化Flutter开发
XBlithe的博客
09-29 5397
一. GetX的作用 GetX 是 Flutter 上的一个轻量且强大的解决方案,包含了以下的功能. 页面状态管理(跨页面交互) 路由管理 国际化、主题的适配 全局BuildContext 无Context弹窗 依赖注入 二. GetX安装 GetX 1. 引入GetX依赖 在pubspec.yaml文件中添加Getx依赖: get: ^4.x.x 2. GetX入口配置 各模块导包，均使用下面包即可 import 'package:get/get.dart'; 只需要将MaterialApp改成G
flutter 进阶 GetX系列教程---Cli使用以及常用命令
半身风雪
11-23 3828
第一步：安装Cli脚手架 我们通过命令flutter pub global activate get_cli 进行脚手架的全局安装，本文以Mac OS为例。 fanhudeMacBook-Pro:~ jm$ flutter pub global activate get_cli Resolving dependencies... + _fe_analyzer_shared 26.0.0 (30.0.0 available) + analyzer 2.3.0 (2.7.0 available) + ansic
Flutter GetX的使用学习——基础部分
仁希的博客
05-30 1081
GetX 是 Flutter 上的一个轻量且强大的解决方案：高性能的状态管理、智能的依赖注入和便捷的路由管理。
Flutter中的状态管理-GetX插件的使用
大模型训练
04-24 1914
GetX是基于ReactiveX思想的一款响应式状态管理框架，相比于BLoC，它有如下优势： 相比于BLoC，GetX的工程结构更简单，需要维护的文件更少； BLoC无法实现真正的跨页面数据状态管理（全局BLoC可部分实现，但维护起来较麻烦）； 内部实现了路由管理，简单易用；
【Flutter】多语言方案二：GetX 版
brave的博客
04-19 1773
多语言方案：GetX版，需要手动自定义字符串引用常量，优点不需要自己管理状态。
getX cli 安装(windows)
jkl_AINY的博客
09-16 966
getX cli 安装(windows)
flutter getx 实战
05-22
好的，让我们来实战一下 Flutter GetX。 1. 首先，我们需要在 `pubspec.yaml` 文件中添加 GetX 的依赖。 ```yaml dependencies: flutter: sdk: flutter get: ^4.6.1 ``` 2. 然后，我们需要在 `main.dart` 文件中引入 GetX 包，并在 `runApp` 函数中添加 `GetMaterialApp`。 ```dart import 'package:flutter/material.dart'; import 'package:get/get.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return GetMaterialApp( title: 'Flutter GetX Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: const HomePage(), ); } } ``` 3. 接下来，我们需要创建一个 `HomePage` 类，这个类将会是我们的主页。在 `HomePage` 类中，我们将会使用 `GetX` 的 `Obx` 和 `GetBuilder` 来管理状态和更新 UI。 ```dart import 'package:flutter/material.dart'; import 'package:get/get.dart'; class HomePage extends StatelessWidget { const HomePage({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Flutter GetX Demo'), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ GetBuilder<CounterController>( builder: (controller) => Text( 'Count: ${controller.count}', style: const TextStyle(fontSize: 24), ), ), const SizedBox(height: 16), ElevatedButton( onPressed: () { final controller = Get.find<CounterController>(); controller.increment(); }, child: const Text('Increment'), ), ], ), ), ); } } class CounterController extends GetxController { var count = 0.obs; void increment() { count++; } } ``` 在这个例子中，我们使用了 `GetBuilder` 来订阅 `CounterController` 中的 `count` 变量。当 `count` 发生变化时，UI 将会自动更新。我们还使用了 `Get.find` 来获取 `CounterController` 的实例，然后调用 `increment` 方法来增加计数器的值。 4. 最后，我们需要在 `main.dart` 文件中注册 `CounterController`。 ```dart import 'package:flutter/material.dart'; import 'package:get/get.dart'; void main() { Get.put(CounterController()); runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return GetMaterialApp( title: 'Flutter GetX Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: const HomePage(), ); } } class HomePage extends StatelessWidget { // ... } class CounterController extends GetxController { // ... } ``` 在这个例子中，我们使用了 `Get.put` 来注册 `CounterController`，这样我们就可以在整个应用程序中使用它了。 以上就是一个简单的 Flutter GetX 实战例子，希望能够帮助到你入门 GetX。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Call me 兽医

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值