vscode_cmake_qt环境搭建

目录

• 目录
• 1 Qt下载及安装
• 2 vscode下载及安装
• 3 cmake下载及安装
• 4 环境变量设置
• 5 VSCode开发Qt

1 Qt下载及安装

1. 下载qt-opensource-windows-x86-5.12.2.exe；
2. 安装，mingw、msvc都安装；

2 vscode下载及安装

1. 安装vscode；
2. 安装插件:
   • C/C++；
   • cmake。

3 cmake下载及安装

3.1 CMake安装

1. 下载cmake；
2. 安装；

3.2 VSCode CMake插件安装

4 环境变量设置

4.1 Qt相关环境变量

1. 添加环境变量

Qt Kit路径: D:/Qt/Qt5.12.2/5.12.2/mingw73_64
Qt工具路径：D:/Qt/Qt5.12.2/5.12.2/mingw73_64/bin
编译工具链路径: D:/Qt/Qt5.12.2/Tools/mingw730_64/bin

1. 可通过cmd命令窗口，输入gcc -v验证是否环境变量设置成功

注意：如果通过vscode终端去验证的话，最好重启vscode软件。

4.2 CMake环境变量设置

可以使用vscode cmake插件，个人推荐还是有外部cmake软件。在安装CMake是可选添加环境变量的，如果没添加，则按照以下步骤去添加：

1. 添加环境变量

D:/CMake/bin

4.2 VSCode安装Qt插件

1. 安装Qt相关插件

注意：Qt Official可以不装，会有一定问题，就是找不到Qt套件目录，会阻塞vscode。用的话，只是方面打开Qt Designer，但是Qt tools也是能打开，还能打开Qt Creator。

2. 配置Qt Configure，WIN+P => 打开用户配置 => 输入Qt Configure

3. 配置Qt official，Win+P => 打开用户配置 => 输入Qt Configuration（可选操作）

5 VSCode开发Qt

5.1 创建工程

1. 笔者在F:/0_ip_project/6_sanqianwork/note/vscode_cmake_qt环境搭建/demo创建了一个demo目录，通过vscode打开该工程目录

注意：这个路径包含了中文，会导致CMake构建不过的，这里只是演示。

1. win + p => Qt Configure create project创建工程
   • 输入工程名，笔者使用demo；
   • 选择Qt套件，笔者使用D:/Qt/Qt5.12.2/5.12.2/mingw73_64；
   • 选择构建工具，笔者使用CMake；
   • 选择是否带UI文件，看实际需求。

3. 工程目录如下：

5.2 构建工程

注意：vscode左边菜单栏可能没有显示cmake，应该是CMake插件没配置。Win + P => 选择CMake配置应该可以会显示了。

1. 选择编译工具链

5.3 运行

5.3 ui文件打开方式

5.5 如何添加Qt模块

如果我要添加网络模块，会在lib/cmake看到Qt5Network，则需要上述添加NetWork即可。