VSCode+QT开发环境配置

1. 开发环境配置

1.1 安装QT

QT镜像下载地址

1.2 安装CMake

CMake镜像下载地址

1.3 安装VSCode

VSCode镜像下载地址

2. VSCode配置

2.1 安装插件

搜索qt,安装Qt Extension Pack插件,该插件集成了四个需要的QT相关插件,安装后另外四个插件将自动安装

搜索cmake并安装CMake插件

2.2 配置插件

打开VSCode控制台,快捷键Ctrl + Shift + P

  1. 控制台输入Qt: Register Qt Installation,选择QT安装路径
  2. 控制台输入Qt: Create a new project or file,创建QT项目
  1. 控制台会弹出扫描工具包,若没有则在控制台输入 CMake: Select a Kit,选择QT使用的工具包

  2. 控制台输入CMake:Build,开始编译生成

3. 项目打包

指定打包路径,在CMakeLists.txt中加入如下配置,编译后可自动启动程序

bash 复制代码
# 部署路径
set(DEPLOY_DIR ${CMAKE_BINARY_DIR}/compile)

# 自定义命令:复制可执行文件和动态库到部署路径
add_custom_command(TARGET vscodeqt POST_BUILD
    COMMAND ${CMAKE_COMMAND} -E make_directory ${DEPLOY_DIR}
    COMMAND ${CMAKE_COMMAND} -E copy $<TARGET_FILE:vscodeqt> ${DEPLOY_DIR}
    COMMAND ${Qt6_DIR}/../../../bin/windeployqt.exe ${DEPLOY_DIR}/vscodeqt.exe
    COMMENT "Deploying application and dependencies to ${DEPLOY_DIR}"
)

# 自定义命令:编译完成后自动启动程序
add_custom_command(TARGET vscodeqt POST_BUILD
    COMMAND ${DEPLOY_DIR}/vscodeqt.exe
    COMMENT "Launching application from ${DEPLOY_DIR}"
)
相关推荐
慧都小项4 天前
当边缘AI上产线:QtitanDocking 如何让工业 HMI 实现多视图协同
人工智能·qt·ui·边缘计算·qt6.3
Quz4 天前
QML SwipeDelegate 滑动委托
qt
Quz4 天前
QML 列表中的四种委托:ItemDelegate、CheckDelegate、RadioDelegate、SwitchDelegate
qt
实心儿儿4 天前
Qt — 显示类控件
qt
2501_915909064 天前
移动端开发工具链怎么组合比较好,iOS、Android、跨端三套配置方案
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
sunoo-2294 天前
【ARM嵌入式学习笔记Day6】一文打通i.MX6ULL时钟体系:PLL/PFD/预分频+滞回比较器全解析
arm开发·笔记·vscode·单片机·imx6ull·汇编语言
明天…ling4 天前
gitee与vscode远程连接
vscode·gitee
2501_915918415 天前
iOS编程用什么软件好?主流工具Xcode、AppCode、CodeRunner与新兴快蝎对比
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
江湖人称菠萝包5 天前
【Qt】《Qt 5.9 C++开发指南》笔记-Chapter9-Qt Charts
笔记·qt·qt5
扶尔魔ocy5 天前
【QT android】环境安装及第一个QT项目
qt·andriod开发