如何使用VSCode开发Qt项目?

如何使用VSCode开发Qt项目?

为何使用VSCode开发Qt项目?

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

最终效果预览

image-20220506000234586

前期准备

一、环境工具

  • Qt 5.15.2 (含MingW64构建工具)

  • Visual Studio Code

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

二、配置系统环境变量

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

  1. MingW 根目录和bin目录

    D:\Qt5\5.15.2\mingw81_64\
    D:\Qt5\5.15.2\mingw81_64\bin\
    
  2. cmake.exe

    D:\Qt5\Tools\mingw810_64\bin\   (cmake.exe)
    
  3. 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所在目录)

  1. 选择kit : GCC / mingw32

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

image-20220505224140143

  1. F7构建(Build)项目

  2. Shift + F5运行

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

image-20220505224659792

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

image-20220505224904022

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

    image-20220505225215816

【总结】可能会出现的报错与解决方法
  1. 在Qt里报错:

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

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

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

  1. 在VSCode里:

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

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

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

  • 20
    点赞
  • 143
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
使用 VSCode 编写 QT 项目之前,需要确保已经安装了以下软件: 1. Qt 5 开发环境 2. VSCode 3. C++ 插件 4. Code Runner 插件 安装完以上软件后,可以按照以下步骤进行设置和编译调试 QT 程序: 1. 打开 VSCode,点击左侧菜单栏中的“扩展”按钮,搜索并安装 C++ 和 Code Runner 插件。 2. 创建一个新的 QT 项目,在 QT Creator 中创建一个新的 QT 项目,选择“空项目”,并确保已经勾选了“生成 C++ 代码”。 3. 在 VSCode 中打开项目文件夹,在 VSCode 中打开刚刚创建的 QT 项目文件夹。 4. 在 VSCode 中配置 C++ 扩展,在 VSCode 中按下“Ctrl + Shift + P”打开命令面板,搜索并选择“C++: Edit Configurations”,然后在打开的配置文件中添加以下内容: ``` { "configurations": [ { "name": "g++ - Build and debug active file", "type": "cppdbg", "request": "launch", "program": "${fileDirname}/${fileBasenameNoExtension}", "args": [], "stopAtEntry": false, "cwd": "${fileDirname}", "environment": [], "externalConsole": false, "MIMode": "gdb", "miDebuggerPath": "/usr/bin/gdb" } ] } ``` 5. 在 VSCode 中配置 Code Runner 插件,在 VSCode 中按下 F1 打开命令面板,输入“Code Runner: Executor Map”,选择“Edit in settings.json”,将以下配置添加到 settings.json 文件中: ``` "code-runner.executorMap": { "cpp": "cd $dir && qmake -project && qmake && make && $dir$fileNameWithoutExt" } ``` 6. 编译和运行 QT 项目,保存代码后按下“Ctrl + Alt + N”或右键点击代码区域并选择“Run Code”即可编译和运行 QT 项目。 7. 调试 QT 项目,在 VSCode 中按下 F5 或点击左侧菜单栏中的“调试”按钮,选择“g++- Build and debug active file”即可开始调试 QT 项目。 以上就是使用 VSCode 编写 QT 项目的步骤,希望对你有所帮助。
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值