Qt-Qt Creator的下载、安装与配置(Windows)

本文详细介绍了如何下载和安装Qt Creator,以及配置Qt开发环境,包括选择合适的版本、安装过程、配置Kits和Debugger,并展示了创建项目的步骤。Qt Creator作为一个强大的集成开发环境,提供了丰富的功能,如C++代码编辑器、版本控制集成、Qt特定工具和跨平台支持,有助于开发者高效地进行项目开发。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

作者:翟天保Steven
版权声明:著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处

简介

       Qt是由Qt公司开发一个跨平台C++图形用户界面应用程序开发框架,是面向对象的框架,通过特殊的代码生成扩展。

       Qt Creator是用于Qt开发的IDE(集成开发环境),通过此IDE,开发者可以快速上手和操作,高效且相对轻松地完成项目和程序的开发工作,其支持的系统包括Linux、Mac OS X和Windows。

       使用Qt Creator开发的好处和优势如下:

  1. 强大的C++代码编辑器,可实现高效快速地代码编写工作;
  2. 集成了领先的版本控制软件,便于开发者进行源码的版本控制和管理,如Git、Perforce等等;
  3. 集成了特定于Qt的功能,如信号与槽图示调试器,以及Qt Desinger可视化布局,简单完成界面设计和布置工作;
  4. 优良的跨平台特性,支持多个操作系统;
  5. 丰富的API,所继承的功能类和库非常庞大,大大减轻了开发者的负担;
  6. 丰富的开发文档可供学习。

下载与安装

我把我自己的5.12安装包(离线)和相关Qt学习资料打个包,放在文章后面,不想线上下载的可以百度网盘下载我的,都是免费的。

1)线上下载地址:Index of /archive/qt,选择想要的版本下载,我用的是5.12.9,现在旧版本需要挂TI ZI才能打开。

图1 下载页面

2)根据不同的操作系统,选择不同的安装程序。

图2 安装程序

 3)打开安装程序,现在需要注册Qt账户才能安装,依次往下进行,到这一步;像我在windows上开发,用msvc,那就选择msvc2017 64位/32位。

图3 选择安装项

 4)勾选扩展工具,一般选第一个就够了,如果用mingw开发就勾选下面两个。

图4 扩展工具

 5)安装完成。

配置环境

1)打开Qt Creator。

图5 打开Qt Creator

 2)工具->选项。

图6 工具->选项

 3)配置Kits,一般安装完都会自动检测,只需检查下有没有问题即可,如果电脑标志是红色叹号就说明没配置成功。

图7 配置Kits

 4)查看MSVC2017的相关设置,注意其中Debugger很有可能没配置成功,那就需要再下载添加,后面有链接。

图8 MSVC2017的相关设置

 5)配置Debugger,下载后添加路径即可。

下载途径: 

链接:https://pan.baidu.com/s/1kJa5xLF0-D5kIocaA_D7LA 
提取码:yng3 

图9 配置Debugger

 6)配置完毕。

创建项目

1)创建qt项目,qt widget或者qt quick。

图10 创建项目

 2)代码页面,如图所示。 

图11 代码页面

 3)程序运行后创建出来的窗体,如图所示。 

图12 创建窗体

 4)项目创建完毕。

       网盘分享了一些Qt学习资料和5.12的离线安装包。

通过网盘分享的文件:Qt5.12.8.zip
链接: https://pan.baidu.com/s/1aOhuc6v0IHFmfFY6R8Izxw 提取码: w3ny 

       如果文章帮助到你了,可以点个赞让我知道,我会很快乐~加油!

### Node.js 中无法找到模块 `@npmcli/config` 的解决方案 当遇到错误提示 “Error: Cannot find module '@npmcli/config'”,这通常意味着项目依赖项未正确安装或路径配置存在问题。以下是可能的原因以及对应的解决方法: #### 1. **确认模块是否已安装** 如果尚未安装该模块,则需要通过 npm 或 yarn 进行安装。 ```bash npm install @npmcli/config --save-dev ``` 或者使用 Yarn 安装: ```bash yarn add @npmcli/config --dev ``` 此操作会将模块下载到项目的 `node_modules` 文件夹中并更新 `package.json` 和 `package-lock.json` 文件[^1]。 --- #### 2. **清理缓存并重新安装依赖** 有时由于网络问题或其他原因,可能会导致某些模块未能成功安装。可以尝试清除 npm 缓存并重新安装所有依赖项。 ```bash npm cache clean --force rm -rf node_modules package-lock.json npm install ``` 对于 Yarn 用户,执行以下命令: ```bash yarn cache clean rm -rf node_modules yarn.lock yarn install ``` 这些步骤有助于修复因缓存损坏而导致的缺失模块问题[^2]。 --- #### 3. **检查文件路径模块加载方式** 在 Node.js 中,模块可以通过相对路径、绝对路径或内置机制引入。假设目标模块位于自定义目录下而非标准的 `node_modules` 路径,需确保其路径被正确定义。例如,在导入本地模块时可采用如下写法: ```javascript const myModule = require('./lib/find-me'); // 如果find-me.js位于当前工作目录下的lib文件夹内 ``` 上述语法适用于非全局范围内的模块引用场景。 --- #### 4. **验证环境变量设置** 若运行环境中存在多个版本的 Node.js 或 npm,可能导致模块解析失败。建议统一开发工具链版本,并利用 nvm (Node Version Manager) 来管理不同节点实例间的切换。 安装最新稳定版 Node.js 及配套 CLI 工具集后重试构建流程: ```bash nvm install stable nvm use stable npm rebuild ``` --- #### 5. **排查 Webpack 配置冲突** 部分情况下,“cannot find module” 错误源于其他插件(如 webpack)内部逻辑异常引发连锁反应。针对特定框架组合(比如 React/Vue),应仔细审查相关文档说明是否存在额外前置条件约束。 例如调整 `webpack.config.js` 参数声明顺序或将必要扩展包显式加入列表之中。 --- 以上措施综合运用能够有效缓解绝大多数由缺少指定组件所引起的编译障碍现象。
评论 63
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

翟天保Steven

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值