基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)

概述

       有几年时间,没去玩QT了,已经忘了差不多,在此重新开始捡回来,在这顺便给自己做个记录,也方便一些好学的盆友们观阅。

 

一、环境配置:

  1.  Visual Studio 2017 + Qt Creator + Win10
  2. 下载QT,官网,链接

    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    安装步骤
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)

    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    安装组件
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    此时,会弹出如下窗口
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    过会出现如下窗口,证明已经安装成功
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
  3. 环境变量配置
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
     
  4. 下载Visual Studio2017,我们只需下载社区版本即可,链接
    当然你也可以去官网下载最新的版本,或者自己喜欢的版本,链接
    小白的安装方式,下一步,下一步,完成即可。(注:这里需要注册一个账号,登录即可)

    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
  5.  Visual Studio 2017安装好后,打开它,接着安装QT插件
    打开VS2017,点击工具-->扩展和更新-->联机 
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    QT插件安装好后,上面的窗口会提示已经更新,此时关闭该窗口,与Visual Studio IDE,所有的窗口都要关掉。进入如下所示
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    关闭该窗口,重新打开Visual Studio IDE,会发现,在工具栏里面会有“Qt VS Tools”选项
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)

  6. 配置QT插件
    打开VS2017,点击Qt VS Tools --> QtOptions进行配置
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)

 

二、开发步骤:

  1. 新建项目验证,搭建环境是否正常

    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)

    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)

    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
     
  2. 运行结果
    点击F5,自动编译,运行,结果如下:
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    添加标签控件,显示一些内容。
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
    运行看结果,按 F5 键
    基于Visual Studio IDE+Qt开发环境搭建(详细介绍搭建过程)
     
  3. 总结:在这只是做个记录,没有啥,往后会陆续写一系列基础入门文章,也给自己重温知识与回忆。哈哈,后面一些文章就是想到哪写到哪了,在此,谢谢各位观阅。