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}"
)
相关推荐
范特西.i5 天前
QT聊天项目(8)
开发语言·qt
枫叶丹45 天前
【Qt开发】Qt界面优化(七)-> Qt样式表(QSS) 样式属性
c语言·开发语言·c++·qt
Diligently_5 天前
idea 中vm option 配置
java·ide·intellij-idea
我命由我123455 天前
在 Android Studio 中,新建 AIDL 文件按钮是灰色
android·ide·android studio·安卓·android jetpack·android-studio·android runtime
十五年专注C++开发5 天前
Qt deleteLater作用及源码分析
开发语言·c++·qt·qobject
kangzerun5 天前
SQLiteManager:一个优雅的Qt SQLite数据库操作类
数据库·qt·sqlite
金刚狼885 天前
qt和qt creator的下载安装
开发语言·qt
Hello World . .5 天前
Linux:线程间通信
linux·开发语言·vscode
追烽少年x5 天前
Qt中使用Zint库显示二维码
qt
谁刺我心5 天前
qt源码、qt在线安装器镜像下载
开发语言·qt