1.安装QT Creator

sudo apt-get install qt5-default qtcreator

 安装完毕后就可以看到QTCReator了

2. 安装SDL2

sudo apt install libsdl2-dev libsdl2-ttf-dev

3.配置QTCreator

 打开后的界面是下面这个样子：

然后我们打开Tools->Options：

 然后我们找到构建和运行->编译器->Add->GCC->C++，添加g++并设置路径

同样，我们设置一下GCC的路径

安装时，系统已经检测到的工具路径被排列在Auto-detected栏下：

然后是CMake的路径：

然后Debuggers的路径:

最后就是Kits的一些配置，这一步就是将前面几步我们设置的都选择上，选择的时候请不要选择错，上面几步设置每一步都可以设置一个Name，你们可以随便起个名字，最后设置完如下图：

这样QT creator的开发环境就配置好了，Device type一定要选择桌面，不要选择成其他的了，至此开发环境我们已经全部搞好了，那么接下来，当然是编译一个Demo来验证一下我们的环境搭建的对不对了！

下载littlevGL源码：

$ git clone https://github.com/littlevgl/lvgl.git
$ git clone https://github.com/littlevgl/lv_drivers.git
$ git clone https://github.com/littlevgl/lv_examples.git

创建qt 工程，选择Plain C Application,生成一个helloworld工程

创建路径为源码目录

build system选择qmake

 中间还要选择版本控制系统，先选一个再说

 创建完成后，会自动编译：

 拷贝lvgl/lv_conf_template.h, lv_drivers/lv_drv_conf_template.h, lv_examples/lv_demo_conf_template.h 三个文件到工程目录，并且重命名为把_template去掉。

把littlevGL文件导入到工程

工程右键->Add Existing Directory

添加后，左边栏增加了新的代码

 开始配置：

 把lv_conf.h、lv_drv_conf.h、lv_ex_conf.h 中的 #if 0  改为 #if  1；

 修改lv_drv_monitor.h中USE_MONITOR：

在 helloworld.pro中添加SDL外部库文件

编译遇到问题，还不知道为啥：

一个正经的QT工程编译是没有问题的

根据编译QT项目命令行可以大致分析出它的工作原理：

​

23:52:16: 为项目untitled执行步骤 ...
23:52:16: 正在启动 "/usr/bin/make" clean

rm -f moc_predefs.h
rm -f moc_mainwindow.cpp
rm -f ui_mainwindow.h
rm -f main.o mainwindow.o moc_mainwindow.o
rm -f *~ core *.core
23:52:16: 进程"/usr/bin/make"正常退出。
23:52:16: 配置没有改变, 跳过 qmake 步骤。
23:52:16: 正在启动 "/usr/bin/make" 

/usr/lib/qt5/bin/uic ../untitled/mainwindow.ui -o ui_mainwindow.h
g++ -c -pipe -g -Wall -W -D_REENTRANT -fPIC -DQT_DEPRECATED_WARNINGS -DQT_QML_DEBUG -DQT_WIDGETS_LIB -DQT_GUI_LIB -DQT_CORE_LIB -I../untitled -I. -isystem /usr/include/x86_64-linux-gnu/qt5 -isystem /usr/include/x86_64-linux-gnu/qt5/QtWidgets -isystem /usr/include/x86_64-linux-gnu/qt5/QtGui -isystem /usr/include/x86_64-linux-gnu/qt5/QtCore -I. -isystem /usr/include/libdrm -I. -I/usr/lib/x86_64-linux-gnu/qt5/mkspecs/linux-g++ -o main.o ../untitled/main.cpp
g++ -c -pipe -g -Wall -W -D_REENTRANT -fPIC -DQT_DEPRECATED_WARNINGS -DQT_QML_DEBUG -DQT_WIDGETS_LIB -DQT_GUI_LIB -DQT_CORE_LIB -I../untitled -I. -isystem /usr/include/x86_64-linux-gnu/qt5 -isystem /usr/include/x86_64-linux-gnu/qt5/QtWidgets -isystem /usr/include/x86_64-linux-gnu/qt5/QtGui -isystem /usr/include/x86_64-linux-gnu/qt5/QtCore -I. -isystem /usr/include/libdrm -I. -I/usr/lib/x86_64-linux-gnu/qt5/mkspecs/linux-g++ -o mainwindow.o ../untitled/mainwindow.cpp
g++ -pipe -g -Wall -W -dM -E -o moc_predefs.h /usr/lib/x86_64-linux-gnu/qt5/mkspecs/features/data/dummy.cpp
/usr/lib/qt5/bin/moc -DQT_DEPRECATED_WARNINGS -DQT_QML_DEBUG -DQT_WIDGETS_LIB -DQT_GUI_LIB -DQT_CORE_LIB --include ./moc_predefs.h -I/usr/lib/x86_64-linux-gnu/qt5/mkspecs/linux-g++ -I/home/caozilong/Workspace/gui/untitled -I/usr/include/x86_64-linux-gnu/qt5 -I/usr/include/x86_64-linux-gnu/qt5/QtWidgets -I/usr/include/x86_64-linux-gnu/qt5/QtGui -I/usr/include/x86_64-linux-gnu/qt5/QtCore -I. -I/usr/include/c++/7 -I/usr/include/x86_64-linux-gnu/c++/7 -I/usr/include/c++/7/backward -I/usr/lib/gcc/x86_64-linux-gnu/7/include -I/usr/local/include -I/usr/lib/gcc/x86_64-linux-gnu/7/include-fixed -I/usr/include/x86_64-linux-gnu -I/usr/include ../untitled/mainwindow.h -o moc_mainwindow.cpp
g++ -c -pipe -g -Wall -W -D_REENTRANT -fPIC -DQT_DEPRECATED_WARNINGS -DQT_QML_DEBUG -DQT_WIDGETS_LIB -DQT_GUI_LIB -DQT_CORE_LIB -I../untitled -I. -isystem /usr/include/x86_64-linux-gnu/qt5 -isystem /usr/include/x86_64-linux-gnu/qt5/QtWidgets -isystem /usr/include/x86_64-linux-gnu/qt5/QtGui -isystem /usr/include/x86_64-linux-gnu/qt5/QtCore -I. -isystem /usr/include/libdrm -I. -I/usr/lib/x86_64-linux-gnu/qt5/mkspecs/linux-g++ -o moc_mainwindow.o moc_mainwindow.cpp
g++  -o untitled main.o mainwindow.o moc_mainwindow.o   -lQt5Widgets -lQt5Gui -lQt5Core -lGL -lpthread 

[点击并拖拽以移动]
​

运行：

结束