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}"
)
相关推荐
载数而行5201 天前
Qt事件常用类,QLabel的QFrame交互
qt
进击的雷神1 天前
Trae AI IDE 完全指南:从入门到精通
大数据·ide·人工智能·trae
北风toto1 天前
IDEA模块名字和文件夹名字不一样的解决方式
java·ide·intellij-idea
娇娇yyyyyy1 天前
QT编程(16): Qt Model
开发语言·qt
qq_466302451 天前
vs2022 与Qt版本兼容 带来的警告
c++·qt
:1211 天前
idea17创建tomcat项目(计网底层核心理解!)
java·ide·intellij-idea
猿小猴子1 天前
主流 AI IDE 之一的 华为云码道「CodeArts」 介绍
ide·人工智能·ai·华为云
monsion1 天前
OpenCode 学习指南
人工智能·vscode·架构
非鱼䲆鱻䲜2 天前
vscode开发stm32添加新的头文件路径和包含源文件
ide·vscode·stm32·cmake·包含头文件·包含源文件
娇娇yyyyyy2 天前
QT编程(13): Qt 事件机制eventfilter
开发语言·qt