VSCode配置Qt与qwt+解决输出中文乱码（适合小白）

本示例采用MSVC2019_64（MinGW的类似）与CMake进行配置，如果没有MSVC和CMake的文这里附压缩包链接，自行下载。

链接：https://pan.baidu.com/s/1XajI46H18ECjlM99H_PiKA?pwd=llbg 
提取码：llbg 
--来自百度网盘超级会员V5的分享

MSVC与CMake下载

1.系统环境变量设置

1.1 添加系统环境变量路径：桌面上点击【此电脑】——【属性】——【高级系统设置】——【环境变量】，下面的系统变量中，如下图双击【Path】

1.2 点击【新建】，添加如下路径（自己本地安装的Qt编译器路径以及CMake），msvc的路径以及cmake的路径，点击【确定】即可保存。

2.Visual Studio Code的插件的安装与设置

2.1 打开Visual Studio Code，点击左侧工具栏的扩展【Extensionns】，下载需要的插件

2.2 在弹出的搜索框上搜索如下插件，并安装

上述插件安装完成后，需要分别对CMake Tools、Qt Configure这两个插件进行设置。

2.3 设置CMake Tools：如下图所示，鼠标右击【CMake Tools】,弹出的右击菜单栏中选择【Extension Settings】

2.4 在弹出的【Settings】中，如下图所示，下滑找到【CMake:Cpack Path】，设置路径为自己安装的cmake的路径，设置完成后，自动会保存，所以直接点击左上角【×】关闭此【Settings】。

2.5 设置Qt Configure：如下图所示，鼠标右击【Qt Configure】,弹出的右击菜单栏中选择【Extension Settings】

2.6 在弹出的【Settings】中，如下图所示，①找到【Qt Configure:Mingw Path】，设置路径为自己本地的Qt的编译器路径（这里以msvc为例，mingw的类似）。②找到【Qt Configure:Qt Dir】，设置路径为自己本地的Qt安装的根目录。③找到【Qt Configure:Qt Kit Dir】，设置路径为Qt套件路径与①的保持一致。设置完成后，自动会保存，所以直接点击左上角【×】关闭此【Settings】。

3.新建Qt项目

3.1 在本地新建一个存放项目的文件夹目录，然后打开Visual Studio Code，点击左上角的【File】——【Open Folder…】，打开刚才创建的文件夹进入。

3.2 进入文件夹后，如下图所示，在正上方搜索框中输入“>QtConfigure:New Project”，选中它，按下回车键【Enter】。

3.3 如下图所示，继续在输入框中输入自定义的Qt项目名称，按下回车键【Enter】下一步

3.4 如下图，选中自己的Qt编译器环境路径

3.5 如下图，选择CMake

3.6 如下图，是否带有UI，可选择yes，就会自动生成带有UI文件，这样便于可视化UI设计

3.7 如下图，自动生成的文件

3.8 继续在上方搜索框中输入“>CMake:Reset CMake Tools Extention State”

3.9 再继续选择如下图所示内容

3.10 如果想要Qt Designer可视化UI设计，可以继续在上方搜索框中输入“>Qt:Launch Qt Designer”，就会弹出一个如下图所示的Qt Designer的设计窗口。

3.11 构建Qt项目：点击下方底部的【Build】按钮即可自动构建

3.12 调试与运行项目：点击上方菜单栏的【Run】——【Start Debugging】或者快捷键【F5】，即可调试与运行该项目。

补充：打开控制台窗口输出

在前面生成的CMakeList中，如下图找到WIN32，将其注释掉即可，单行注释“#”，即改成“#WIN32”.

测试输出：在main文件中，添加如下语句，再重新点击【Build】构建按钮，再调试运行即可输出

补充：配置qwt

只需要在CMakeList中添加如下框起来的内容，其余内容不变即可.

添加的内容：

# Qwt 相关配置
set(QWT_ROOT "D:/qwt-6.3.0")  # 本地的 Qwt 安装路径
find_library(QWT_LIB NAMES qwt HINTS ${QWT_ROOT}/lib)  # 查找 Qwt 库
find_path(QWT_INCLUDE_DIR NAMES qwt.h HINTS ${QWT_ROOT}/include)  # 查找 Qwt 头文件目录

# 添加 Qwt include 目录
include_directories(${QWT_INCLUDE_DIR})
 

再把链接库改为：

# 链接Qt库和Qwt库
target_link_libraries(${PROJECT_NAME} PRIVATE Qt5::Widgets ${QWT_LIB}) 

补充：解决Output输出中文乱码的问题

如下图，点击左下角的设置

弹出的【Settings】中，在上方的搜索框输入Cmake:Output，找到Cmake:Output Log Encoding设置Cmake的输出日志的编码为utf-8即可