1.1 项目初始

1.1 项目初始

实现步骤

第 1 步: 创建项目

项目名称
包名称 woo_commerce.ducafecat.com

cli 方式（可选）

1
flutter create --org woo_commerce.ducafecat.com flutter_woo_commerce_getx_learn

—org 指定包名

第 2 步: 创建 github 代码

https://github.com/

可以选择 private 私有项目

img

第 3 步: 加入远程仓库

进入项目根目录

1
2
3
4
5
6
git init
git add .
git commit -m "init"
git branch -M main
git remote add origin git@github.com:ducafecat/flutter_woo_commerce_getx_learn.git
git push -u origin main

第 4 步: 安装 sourceTree

https://www.sourcetreeapp.com/

拖入你的列表栏内

img

可视化操作

img

第 5 步: 初始目录

请先安装 vscode 插件 《Flutter GetX Generator - 猫哥》
https://marketplace.visualstudio.com/items?itemName=ducafecat.getx-template

使用插件生成 common pages 目录

lib 目录右键菜单 “Getx: Create Common Directory”

img

目录清单

img

关于目录定义，详见代码规范

最后: 安装 getx 插件

命令行下

1
flutter pub add get

修改 main.dart

将 MaterialApp 改成 GetMaterialApp 即可

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      debugShowCheckedModeBanner: false,
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

提交代码到 git

1
2
git add .
git commit -m "项目初始"