从Qt Creator到VSCode：跨平台文本编辑器界面开发实战（QMainWindow + CMake）

在当今多平台开发环境中，开发者越来越倾向于使用轻量级、高度可定制的代码编辑器替代传统IDE。Visual Studio Code（VSCode）凭借其丰富的插件生态和跨平台特性，已成为许多Qt开发者的新选择。本文将带你从零开始，在VSCode中搭建Qt开发环境，使用CMake构建系统，实现一个功能完整的文本编辑器界面。

1. 环境配置与项目初始化

1.1 安装必要工具链

在开始之前，确保你的系统已安装以下组件：

• VSCode：最新稳定版
• Qt：建议5.15或6.x版本
• CMake：3.5及以上版本
• Ninja（推荐）：轻量级构建系统
• VSCode扩展：
  • C/C++
  • CMake Tools
  • Qt Tools

在Linux/macOS下可通过包管理器安装，Windows推荐使用Qt官方安装器。安装完成后，验证环境：

bash复制cmake --version
qmake --version

1.2 创建CMake项目结构

新建项目目录并初始化CMake项目：

code复制text_editor/
├── CMakeLists.txt
├── src/
│   ├── main.cpp
│   ├── MainWindow.cpp
│   └── MainWindow.h
└── resources/
    └── icons/

基础CMakeLists.txt配置：

cmake复制cmake_minimum_required(VERSION 3.5)
project(TextEditor LANGUAGES CXX)

set(CMAKE_CXX_STANDARD 17)
set(CMAKE_AUTOMOC ON)
set(CMAKE_AUTORCC ON)
set(CMAKE_AUTOUIC ON)

find_package(Qt5 COMPONENTS Widgets REQUIRED)

add_executable(${PROJECT_NAME}
    src/main.cpp
    src/MainWindow.cpp
    src/MainWindow.h
)

target_link_libraries(${PROJECT_NAME} Qt5::Widgets)

2. 主窗口框架搭建

2.1 QMainWindow基础结构

MainWindow.h中定义核心类：

cpp复制#include <QMainWindow>
#include <QTextEdit>

class MainWindow : public QMainWindow {
    Q_OBJECT

public:
    explicit Main