vscode 上创建 C++版 Qt 工程并调试

首先安装一下 mingw ，是我打好的懒人包，下载后直接双击安装即可。

第一章 安装 Qt

以 win10x64 系统下 Qt5.7 为例：首先下载并安装 Qt5.7动态编译器，其中安装过程的这一步直接点跳过(Qt5.7及更早版本可以不登陆离线安装，这也是我选择该版本的原因之一)

然后修改安装路径，去选文件关联，进入下一步：

然后按如下勾选方式进入下一步：

后面剩下的都是常规操作，一路点到安装即可。

最后去选启动 Qt Creator 点击完成。

 

第二章 安装 vs2015

下载好 镜像文件 并解压运行。修改安装路径后，选择自定义模式继续：

接下来只勾选 C++ 进入下一步：

后面就是安装进度条了，若弹出安装包损坏，则全选择跳过后继续：

 

第三章 VSCode 扩展安装

然后安装并进入 vscode 界面，在扩展中搜索如下2个插件并安装：

 

第四章 vscode 创建 Qt 工程

安装完成后，新建一个空文件夹并右键它以 vscode 打开，键盘按 ctrl+shift+p 快捷键弹出输入框，搜索 qt 关键字，在弹出的选项中选择 New Project

输入项目名称后回车，这里以 qtest 为例：

选择 Qt 套件，这里直接默认回车过去即可：

选择构建工具要选 QMake

选择是否带有 UI 文件，要选 yes

这样就用 vscode 创建好了一个 qt 工程，目录结构如下图：

 

第五章 生成界面代码

首先使用 ctrl+shift+p 快捷键打开 Qt Designer

进入 Qt Designer 后随便拽一个按钮到 form 上用于测试

然后选择 Form -> View Code...

点击弹出的对话框上的保存按钮，路径选择为 qtest 工程目录下的 src 文件夹，点击保存

这样界面 UI 的代码就会保存到 src 路径下了

 

第六章 Qt 工程配置修正

首先打开 qtest 工程 .vscode 目录下的 c_cpp_properties.json

将如下的内容覆盖进去并保存：

{
    "configurations": [
        {
            "name": "Win32",
            "includePath": [
                "C:/Qt/Qt5.7.1/5.7/msvc2015/include/**",
                "${workspaceFolder}/**"
            ],
            "defines": [
                "_DEBUG",
                "UNICODE",
                "_UNICODE"
            ],
            "compilerPath": "C:\\Program Files\\MinGW\\bin\\gcc.exe",
            "cStandard": "gnu17",
            "cppStandard": "gnu++14",
            "intelliSenseMode": "windows-gcc-x64"
        }
    ],
    "version": 4
}

注：includePath 中的 Qt 的路径要与之前安装 Qt 动态编译器路径一致；compilerPath 也要与之前安装 MinGW 的路径一致。再进入 scripts路径下的 build_debug.bat

将如下代码覆盖进去并保存：

@echo off

set PROJ_NAME=qtest
set VC_DIR=C:\Program Files (x86)\Microsoft Visual Studio 14.0\VC
set MSDK_DIR=C:\Program Files (x86)\Microsoft SDKs\Windows\v7.1A
set QT_DIR=C:\Qt\Qt5.7.1\5.7\msvc2015
set WIN_KIT=C:\Program Files (x86)\Windows Kits\10
set INCLUDE=%VC_DIR%\include;%MSDK_DIR%\Include;%WIN_KIT%\Include\10.0.10150.0\ucrt
set LIB=%MSDK_DIR%\Lib;%VC_DIR%\lib;%WIN_KIT%\Lib\10.0.10150.0\ucrt\x86
set SRC_DIR=%cd%
set BUILD_DIR=%cd%\build
set PATH=%VC_DIR%\bin;%MSDK_DIR%\Bin;%QT_DIR%\bin

if not exist %QT_DIR% exit
if not exist %SRC_DIR% exit
if not exist %BUILD_DIR% md %BUILD_DIR%

cd build

%QT_DIR%\bin\qmake.exe %SRC_DIR%\%PROJ_NAME%.pro -spec win32-msvc2015  "CONFIG+=debug" "CONFIG+=console"
if exist %BUILD_DIR%\debug\%PROJ_NAME%.exe del %BUILD_DIR%\debug\%PROJ_NAME%.exe
nmake Debug
if not exist %BUILD_DIR%\debug\Qt5Cored.dll (
  %QT_DIR%\bin\windeployqt.exe %BUILD_DIR%\debug\%PROJ_NAME%.exe
)

注：若你建的工程名不是 qtest ，则需修改上述代码第3行的 PROJ_NAME 值即可；并且注意第6行的 Qt 路径要与自己安装 Qt 动态编译器所在路径一致。

 

第七章 调试

回到工程 src 目录下的 main.cpp

按 F5 进行调试，若弹出之前设计好的窗口，则说明编译成功：

 

未来工作

实现将 Qt 界面生成代码与 Action 解耦，防止由于重新编译界面生成界面代码而导致的行为代码被覆盖清掉

 

已调试好的工程代码

https://github.com/Genius-Society/vsqote