VsCode+QT5.14.2安装部署详细教程

这篇具有很好参考价值的文章主要介绍了VsCode+QT5.14.2安装部署详细教程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、下载

1、下载QT

注意事项

  1. 最好不要选择在线安装包,我安装了两天!!!快安装完成了结果是一个什么签名还是密码提示不识别。
  2. 从Qt 5.15开始,开源离线安装程序不再可用。官网原文如下:
      Due to The Qt Company offering changes, open source offline installers are not available any more since Qt 5.15. Read more about offering changes in the https://www.qt.io/blog/qt-offering-changes-2020 blog.
    翻译:
      由于Qt公司提供的更改,从Qt 5.15开始,开源离线安装程序不再可用。在https://www.qt.io/blog/qt-offering-changes-2020博客中阅读有关提供更改的更多信息。

点击链接进入下载点,详细安装步骤如下:

vscode配置qt,工具安装及配置,vscode,qt
选择qt
vscode配置qt,工具安装及配置,vscode,qt
由于2中的原因,这里我选择了离线安装,没有选择在线安装,所以选择5.14版本
vscode配置qt,工具安装及配置,vscode,qt
这里我选择5.14.2
vscode配置qt,工具安装及配置,vscode,qt
由于我是windows10,所以选择windows的安装包
vscode配置qt,工具安装及配置,vscode,qt
安装就不详细介绍了,可以参考nanke_yh兄弟的博客,很简单,下一步就可以了,挑几个重要的,安装目录不要放在系统盘,安装大概20/30G左右。
vscode配置qt,工具安装及配置,vscode,qt
组件没必要全部安装,看个人选择,下面的部分足够了,后面如果需要别的,可以在安装组件,参考CodingPioneer兄弟的操作即可。
vscode配置qt,工具安装及配置,vscode,qt
其余都可以下一步,等待安装完成即可。

2、下载VsCode

点击链接进入官网,如果是windows系统,默认是就是windows,如下图:
vscode配置qt,工具安装及配置,vscode,qt
如果linux系统,那么就会是下图,mac电脑没用过,应该默认是mac系统对应的版本
vscode配置qt,工具安装及配置,vscode,qt
下载完成后,一路next,但是友情提示三点:

  • 2.1 软件安装目录选择到非系统目录,这是安装过程中可以改的。
  • 2.2 插件安装目录选择到非系统目录,建议后期手动修改
  • 2.3 缓存目录选择到非系统目录,建议后期手动修改

3、下载Cmake

点击链接进入官网,点击右上角下载按钮
vscode配置qt,工具安装及配置,vscode,qt
按照描述选择对应的安装方式
vscode配置qt,工具安装及配置,vscode,qt

二、配置环境变量

1、打开环境变量设置

在 Windows 操作系统中,按下 Win + R 键,然后输入 “sysdm.cpl”,然后依次选择高级->环境变量->系统变量->双击path变量

2、QT环境变量设置

选择新建,前两个路径是安装时选择的版本套件的目录和bin目录(参考的别人的,可能是以防vscode找不到套件吧);第三个是QT的GCC和G++的执行文件的路径;最后一个可以不添加,点击确定保存设置。
vscode配置qt,工具安装及配置,vscode,qt
之后启动cmd,输入gcc -v,如果显示版本,则代表设置成功,注意最上方显示的gcc的路径
vscode配置qt,工具安装及配置,vscode,qt

3、Cmak环境变量设置

按照1中的方法,打开环境变量,然后新建,将安装cmake的路径中的bin目录添加进去后,点击确定。
vscode配置qt,工具安装及配置,vscode,qt
配置完成在cmd中输入cmake --version,显示版本则代表安装成功
vscode配置qt,工具安装及配置,vscode,qt

三、Vscode配置

1、安装插件

C/C++:使用 C/C 语言编写代码,没什么好说的
Chinese:VsCode汉化,安装完成,重启VsCode即可
Cmake和Cmake Tool:作用可以参考博客园-可可西
QT Configure:具体描述可以查看该插件的"细节"部分
Qt tools:具体描述可以查看该插件的"细节"部分

2、配置

2.1 Cmake Tool配置
这里需要执行Cmake的可执行文件的路径,一定要包含文件名
vscode配置qt,工具安装及配置,vscode,qt

2.2 QT Configure配置:
  这里需要设置下图三个地方,Mingw PAth设置了环境变量的话应该是自动有的,如果没有,手动添加一下;Qt Dir是QT的安装目录;Qt Kit Dir是套件的路径,找到自己对应的套件的路径,复制到这里。
vscode配置qt,工具安装及配置,vscode,qt
配置完成重启VsCode,以防设置不生效。

四、使用

1、新建项目

1.1 新建项目空文件夹,这里是在share/qt/目录下建了一个hello文件夹
vscode配置qt,工具安装及配置,vscode,qt

1.2 使用右键,通过VsCode打开,也可以通过VsCode左上角,文件->打开文件夹,选中刚刚新建的文件夹,如下图
vscode配置qt,工具安装及配置,vscode,qt
1.3 按F1,输入qt,选择新建工程new project
vscode配置qt,工具安装及配置,vscode,qt
1.4 输入项目名称,我这里是hello,按回车
vscode配置qt,工具安装及配置,vscode,qt
1.5 选择套件,我这里选择64位的,因为我环境变量配置的也是64的,注意,这里一定要保证全部匹配
vscode配置qt,工具安装及配置,vscode,qt
1.6 因为部署的是Cmake,所以这里选择Cmake
vscode配置qt,工具安装及配置,vscode,qt
1.7 选择带UI文件的,我这里需要UI框,看个人选择
vscode配置qt,工具安装及配置,vscode,qt
1.8 完成后就建立了一个QT项目,如下图
vscode配置qt,工具安装及配置,vscode,qt

2、编译运行

2.1 检查编译工具
vscode配置qt,工具安装及配置,vscode,qt
如果最下方没有选项卡,参考3问题3
如果有上图中工具及版本,那么接着下面的操作。如果没有,那么参考3问题中的1

2.2点击build选项卡编译 ,会构建项目,最左侧会有进度,构建完成未报错的话,会在左侧build目录生成hello.exe的可以行文件,如下图:vscode配置qt,工具安装及配置,vscode,qt
vscode配置qt,工具安装及配置,vscode,qt
vscode配置qt,工具安装及配置,vscode,qt
2.3 编译完成,接下来就是运行,试试看效果,点击最下方选项卡中的右三角箭头launch选项卡运行,如下图:
vscode配置qt,工具安装及配置,vscode,qt
2.4 出现此UI框代表配置成功,如果没有此项,参考3问题4
vscode配置qt,工具安装及配置,vscode,qt

3、问题

1、下方选项卡没有kit的问题
vscode配置qt,工具安装及配置,vscode,qt
按F1,输入cmake,选择"扫描工具包",如果扫描到了,再次按F1,输入cmake,选择"选择工具包",选择设置环境变量路径下的GCC和版本即可。如果下方的图中没有,但是环境变量又设置好了,那么参考3问题中的2
vscode配置qt,工具安装及配置,vscode,qt
2、选择"选择工具包"时没有设置环境变量时的GCC工具的问题
2.1 按F1,输入cmake,选择配置本地cmake工具包
vscode配置qt,工具安装及配置,vscode,qt
2.2 复制原有的配置信息,进行更改,将QT的GCC和G++路径复制保存即可
vscode配置qt,工具安装及配置,vscode,qt
再次点击最下面选项卡的build编译工具,就会出现正确的编译工具了
vscode配置qt,工具安装及配置,vscode,qt
3、创建完项目没有下方选项卡,cmake没有"选择套件"选项的问题
3.1 按F1输入Cmake,选择配置,这里会自动配置该项目,如果你没有其他的gcc工具,那么kit选项卡应该是可以识别的。
vscode配置qt,工具安装及配置,vscode,qt
3.2 由于我这里安装了mingw的编译包,看下图输出台,如果有和我一样的问题,那么按下面的继续操作,如果没有可以跳过。
vscode配置qt,工具安装及配置,vscode,qt

4、运行后发现,没有弹窗,但是终端显示执行了且没有报错,如下图:
vscode配置qt,工具安装及配置,vscode,qt
原因是由于可执行程序根目录下没有QT相关 dll 文件,找到对应套件的windeployqt.exe文件,然后使用该文件去执行构建好的build目录下的可执行文件hello.exe,会自动在build目录下生成所需要的dll文件,如下图:vscode配置qt,工具安装及配置,vscode,qt
这个时候,我们再去点击运行,就会发现弹出了我们所需要的窗口了,如下图:
vscode配置qt,工具安装及配置,vscode,qt文章来源地址https://www.toymoban.com/news/detail-758977.html

到了这里,关于VsCode+QT5.14.2安装部署详细教程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • qt5.14.2 独立msvc环境搭建(不安装vs)

    一般情况下msvc下的qt开发,无论你是用qtcreator还是vs都推荐安装对应vs版本,这样是最省事和便捷的,但在有些情况下不便安装vs但项目又需要使用msvc,则可以只安装msvc c++编译器,步骤如下: 备注:文内用到所有包均上传到不限速的阿里云盘,欢迎关注 阿里云盘分享 https:

    2024年02月04日
    浏览(48)
  • 基于QT5.14.2的MQTT通信

    一、概述 这个资料写的很好:MQTT协议,终于有人讲清楚了 参考图: 默认的Qt环境是不能使用MQTT的,但Qt官方提供了基于MQTT的封装,需要通过源码进行编译。 可以在下面的链接中获取到: https://github.com/qt/qtmqtt 在dev分支中可以选择MQTT版本,选择最新的下载到本地。 注意一定

    2024年02月10日
    浏览(42)
  • QT5.14.2安卓环境配置及创建程序在手机上运行

    主要参考:Qt | Qt For Android、Qt5.14.2安卓开发环境搭建详细步骤_哔哩哔哩_bilibili            Qt | Qt For Android、Qt5.14.2安卓开发环境搭建详细步骤_qt安卓开发环境搭建-CSDN博客 出错时参考:如何在Windows下搭建Qt安卓开发环境? - 知乎 (zhihu.com)                 百度网盘链接 需要

    2024年04月17日
    浏览(36)
  • QT5.14.2 + VS2019 + VTK8.2.0配置环境

    1.1.1 软件下载地址:Index of /archive/qt 1.1.2 安装的时候需要注意: 安装时候至少把MSVC2017 64bit选择上。 用VS2019时候,打开Qt Creator,点击工具-选项,构建套件中可能会显示黄色或者红色感叹号,这个时候就需要额外的配置。  打开VS2019,点击顶部工具 - 获取工具和功能 - 在跳出的

    2024年02月06日
    浏览(69)
  • Qt5.14.2 Qt多线程实战演练,全面掌握线程同步和线程池最佳实践

    多线程编程是每个开发者必须掌握的基本能力之一。在上一篇文章中,我们学习了Qt多线程编程的理论知识。本文将切入实战,提供多个案例代码,帮助你彻底掌握Qt的多线程编程实践技巧。 案例1: 使用QThread执行耗时任务 这个案例演示了如何通过继承QThread和重写run()函数,在

    2024年03月20日
    浏览(39)
  • Windows+Qt5.14.2+android x86配置与处理adb报错

    资源下载 可在部分国内镜像源下载Qt5.14.2:Index of /qt/archive/qt/ | 清华大学开源软件镜像站 | Tsinghua Open Source Mirror 其他工具 android studio:下载 Android Studio 和应用工具 - Android 开发者  |  Android Developers sdk manager 、ndk、java 安装过程 根据qt5.14.2自助选择需要安装的anroid组件等、vs2

    2024年01月20日
    浏览(40)
  • VS2022+qt5.14.2配置qcustomplot2.1.16(坑很多)

    QCustomPlot 是一个超强超小巧的qt绘图类,非常漂亮,非常易用,只需要加入一个qcustomplot.h和qcustomplot.cpp文件即可使用。 官方网址:https://www.qcustomplot.com/ 源码下载地址:https://www.qcustomplot.com/index.php/download 将qcustomplot.h和qcustomplot.cpp2个文件添加到QT项目,如下: 在项目属性Qt

    2024年02月13日
    浏览(48)
  • 在Visual Studio 2019中使用Qt5.14.2并配置相关路径(含opencv/halcon)联合编程配置

    (1)Qt下载安装 参考链接:https://blog.csdn.net/weixin_41977337/article/details/106859728 1、QT下载 推荐下载Qt5.12.3版本(5.12为LTS长期支持版本),官方下载链接: http://download.qt.io/archive/qt/. 清华源连接: https://mirrors.tuna.tsinghua.edu.cn/qt/archive/qt/5.14/5.14.2/ 版本5.14.2下载: 断网即可跳过注册账

    2024年02月04日
    浏览(45)
  • Linux Server 20.04 Qt5.14.2配置Jetson Orin Nano Developer Kit 交叉编译环境

    最近公司给了我一块Jetson Orin Nano的板子,先刷了系统(1.Jetson Orin Nano Developer Kit系统刷机)又让我搭建交叉编译环境,所以有了下面的文章 1.1设备环境 1.1.1 Server: 1.1.2 Jetson Orin Nano : 1.2 Qt相关下载地址 1.2.1 Qt源码下载 Qt源码下载(最好下载tar.xz,tar格式可能在windows下编辑过,后期

    2024年02月12日
    浏览(45)
  • 【安装教程】vscode安装教程(超详细)

    Visual Studio Code(简称 VSCode)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全、代码重构功能,并且内置了命令行工具和 Git版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置,也可以通过内置的扩展程序商店安装扩展以拓

    2024年02月07日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包