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}"
)
相关推荐
Quz16 小时前
QML 与 JavaScript 交互方式:内联函数、外部文件、信号槽与工作线程
javascript·qt
Quz16 小时前
QML ToolTip 组件:延迟提示与自定义外观
qt
wWYy.17 小时前
RPC详解
qt·rpc·php
独隅17 小时前
DevEco Code 在 Windows/MacOS 双系统上的完整使用指南
ide·人工智能·windows·macos·华为·harmonyos
Fu_Lin_18 小时前
Qt嵌入式从零基础到精通(01):Qt嵌入式开发全景图:从桌面Qt到ARM Linux
linux·arm开发·qt·qt5·嵌入式linux
海清河晏11119 小时前
Qt实战:从零构建美化登录界面
开发语言·c++·qt
Fu_Lin_19 小时前
《Qt嵌入式从零基础到精通》前言与阅读指南
开发语言·qt
2501_916008891 天前
iOS应用开发工具全面解析:如何选择与优化开发效率
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
mabing9931 天前
Qt 生成条纹图
开发语言·qt
Fu_Lin_1 天前
Qt 嵌入式从零基础到精通总纲
开发语言·qt·嵌入式·qt嵌入式