1.开启qml应用与项目结构

1.创建一个qml程序

打开qtcreator后，点击顶部菜单栏（文件->new project）
就会弹出创建项目的配置窗口，此时我们就根据自己的需求创建自己的qquick（qml）项目。根据自己的qt版本创建项目把
因为我安装的qt5 所以我选择低版本兼容qt quick application（compat）进行创建
如果你按照qt6 选择qt quick application 既可

项目名称命名规范一般都是全部小写的，如果需要分割比如特定功能或者业务等用下划线分割就行，这里注意一下别选错版本就行，然后一直点击下一步
然后你就得到你的第一个项目了

直接点击左下角，启动项目
这里你就成功了！

不过还是生成打包有点不足之处，我们按照接下来的步骤进行优化处理

2.自定义生成路径

打开我们的项目文件夹，你会发现打包的目录名字有点长
如果我们使用的是debug套件编译那么生成的debug目录中竟然看到了中间文件(*.o)
这个不是我们想要的

那我应该怎么进行优化呢

第一步，我们先选中侧边工具栏中（项目-取消选中shadow build）

如果这样子我们直接编译 就会发现产生的文件都会到项目目录下了，导致项目非常乱。

第二步，将目标文件与中间文件进行管理

pro工程文件，增加以下内容

DESTDIR         = build/bin
MOC_DIR         = build/moc
RCC_DIR         = build/rcc
UI_DIR          = build/ui
OBJECTS_DIR     = build/obj

第三步，去掉debug与release目录

pro工程文件，增加以下内容

CONFIG -= debug_and_release

3.项目结构布局

demo_1
├── src/
│   ├── core/      核心逻辑
│   ├── gui/       界面相关，widget
│   ├── qml/       界面相关，qml
│   └── utils/     工具类
├── include/       库项目的公开头文件
├── resources/     资源文件
│   └── images/
└── thirdparty/    三方库
└── examples/      示例代码
└── demo_1.pro
└── demo_1.pro.user
└── Makefile

所以我们还是要调整一下我们的文件

4.包含编译规则文件pri

qt的工程文件可以包含编译规则文件，
在我们使用pro我们可以通过include包含pri方式，
让pro工程文件更加的干净整洁
pro文件

QT += quick
CONFIG -= debug_and_release

include($$PWD/src/src.pri)

QML_IMPORT_PATH =

QML_DESIGNER_IMPORT_PATH =


DESTDIR         = build/bin
MOC_DIR         = build/moc
RCC_DIR         = build/rcc
UI_DIR          = build/ui
OBJECTS_DIR     = build/obj

src.pri文件

INCLUDEPATH += \
    $$PWD   \


SOURCES += \
    $$PWD/main.cpp

RESOURCES += \
    $$PWD/qml.qrc