如何使用VSCode开发Qt项目?

您所在的位置:网站首页 命令行编译qt工程 如何使用VSCode开发Qt项目?

如何使用VSCode开发Qt项目?

2023-07-13 07:32| 来源: 网络整理| 查看: 265

如何使用VSCode开发Qt项目?

为何使用VSCode开发Qt项目?

因为Qt自带的编辑器丑丑丑…,颜值时代还得是vscode大妹子…

最终效果预览

image-20220506000234586

前期准备

一、环境工具

Qt 5.15.2 (含MingW64构建工具)

Visual Studio Code

必要拓展: C++ 、 CMake、CMake Tools

二、配置系统环境变量

(自行根据自己的Qt安装路径配置)

MingW 根目录和bin目录

D:\Qt5\5.15.2\mingw81_64\ D:\Qt5\5.15.2\mingw81_64\bin\

cmake.exe

D:\Qt5\Tools\mingw810_64\bin\ (cmake.exe)

gcc.exe

D:\Qt5\Tools\mingw810_64\bin\ (gcc.exe)

效果:

image-20220505213645265

cmd检验:

image-20220505213559882

三、在VSCode配置好扩展CmakeTools里的 Cmake Path

image-20220505212223785

工程实践

一、在非中文路径目录下,创建一个基于MingW / CMake的Qt工程

创建Qt工程

(注意工程路径不能是中文路径下面,否则编译会出现X fille no found 错误,接下来cmake编译等操作会失败!!!)

在Qt里,Ctrl+R 运行项目

二、VSCode打开该工程目录(CMakeLists.txt所在目录)

选择kit : GCC / mingw32

(如果未检测到对应的kit, 请检查以上的环境配置是否正确)

image-20220505224140143

F7构建(Build)项目

Shift + F5运行

若有插件快捷键冲突,点击下面的按钮来操作:

image-20220505224659792

成功运行(无报错,弹出程序窗口)

image-20220505224904022

测试一下代码提示是否可用

image-20220505225215816

【总结】可能会出现的报错与解决方法

在Qt里报错:

...'QDialog' file not found...

​ 原因:工程路径是中文路径…

​ 解决:将工程移动/重建于非中文路径下,清理后重新构建运行。

在VSCode里:

The "cmake" command is not found in PATH. Install it or use `cmake.cmakePath

原因:未进行或配置失败这一步:VSCode配置好扩展CmakeTools里的 Cmake Path

​ 解决:检查/配置扩展CmakeTools里的 Cmake Path



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3