简单电商网站模板扶贫832网络销售平台

​
这里我们将在 VS 上实现 QT 编程，实现如下：

一、Vs 2022 配置（若已安装，可直接跳过）

点击链接：​​​​​Visual Studio 2022

我们先去 Vs 官网下载，如下：

等待程序安装完成之后，如下：

下载安装完成安装器后，自动打开选择窗口，其中选择需要安装的组件，这里我们需要安装C++开发相关的组件：


然后点击安装后等待下载安装完成即可

​注意：

这三个都要选中下载完之后，我们少一个可能都会有问题
安装的时候可以更改Visual Studio IDE和下载缓存的位置（我是安装到了D盘，你们可以自行选择文件位置就OK）

然后就可以新建空项目，填好项目名字，然后直接下一步就可以进来编写代码，程序运行如下：

二、安装 Qt

• 由于我们用的是 Vs2022 ，之前用的版本可能有点问题了，如下：
  

所以我只能选择重装换个版本，注意删掉QT有点麻烦，大家可以看看网上教程

下载 Qt ：官网

• Qt 的下载是有点慢的，有条件的可以自行开 🪜 进行下载

安装的时候就会进入这个界面，这里我直接从安装文件夹开始

登录那里： 没有用户的需要注册，我这里由于有了就直接下一步
开源义务那里：如果是个人使用，勾选最底下的复选框；如果是公司，需要填写公司名称
欢迎那里：直接下一步
Contribute：看自己

我这里的话，肯定是选择安装到 D 盘的，注意后面会说这里路径选择有个坑，需要记得自己的安装路径，别忘了

重要的来了，这个配件的选择只能多不能少了，少了后面就可能出问题

• WebAssembly：将Qt编写的程序编译为WebAssembly格式发布到Web浏览器上运行，用不到，不勾选。
• MSVC 2022 ARM64(TP)：一般Windows计算机采用AMD64架构，而不是ARM64架构，不安装。TP表示技术预览版。
• MSVC 2022 64-bit：该组件必须单独安装Visual Studio2022
• MinGW 13.1.0 64-bit：MinGW是Windows平台上使用的GUN工具集。它和MSVC 2022 64-bit 至少要安装一个，建议勾选。
• Android：为Android手机开发应用提供的Qt开发套件，这里不涉及，不勾选。
• Sources：Qt源码，建议勾选。想要成为高阶程序员，看源码是很重要的。
• Qt Shader Tools：Qt着色器工具，用于3D图形着色的模块
• Additional Libraries：Qt附加模块，默认是全选的，其实有些用不到，不过无所谓了，我D盘空间大。
• Qt Debug Information Files：Qt6调试信息文件。
  Qt Quick Timeline：Qt Quick的模块，勾选。

就算前面少装了，也可以到时候去这里去补装插件的

然后就是无脑下一步。。。下一步了，经过漫长的等待之后就会安装完成的，安装的时候，如果提示你什么下载错误，直接重试就行，重试就好了，如下：

最后结果就是这样的了

然后我们新建项目来运行程序，结果发现报问题了，如下：

解决办法：

• 进入配置
  
  然后进入下面就行，操作如下：
  

三、安装 Qt 插件

方式一：在VS扩展中搜索安装

注意：默认安装的是最新版，而最新版中将原来的项目模板 Qt GUI Application 改为了 Qt Widget Application

① 打开Visual Studio 2022，菜单栏选择【扩展】，然后选择管理扩展

② 在打开的扩展和更新窗口中，先选择联机（即在线搜索插件），然后输出查询关键字“qt”，在结果列表中找到“ Qt Visual Studio Tools ”项并点击下载

③ 等待下载，然后下载完成后将会提示在关闭VS后进行安装

④ 关闭Visual Studio窗口，将会自动进行安装，如下

方式二：去Qt下载站下载插件安装包

点击链接：下载
由于我们下载是 Vs 2022 版，所以我们选择 msvc 也需要对应 2022 的版本，如下：

下载后得到的是一个后缀名位“vsix”的工具

直接双击进行下载就行

【安装时遇到的问题】：

• 这个好像是因为某个进程没关，就会一直卡这，但是我去那个任务管理器找的时候又没找到，然后我是重启，然后再安装就行了

配置插件环境

① 打开Visual Studio 2022，在菜单栏上选择【Qt VS Tools】，并选择打开【Qt Versions】

② 在打开的选项窗口中，点击“Add”按钮，在弹出窗口中点击浏览按钮，添加已经安装的Qt中的MSVC编译器路径

【遇到的问题】
我们的 msvc2022 它其实需要找到下面目录带有 bin 的文件，而不是其他的，因为我们之前选择了 Qt 的路径，就会导致出现了两种路径下的 msvc 2022 ，如下：

而我们就需要选择我们当前选择的 QT 路径下的 MSVC 2022 即可，就是上面的路径一，不然上面 Location 找不到 bin 目录

如果我们选择路径二，就会出现这个问题，如下：

• 这个和路径带中文没啥关系，只是单纯没找到 bin 目录而已

四、测试及小结

点开 Vs2022 进行创建新项目，选择 Qt Widget Application ，点击之后如下：

然后就一直 next 下去就行，然后运行文件，结果如下：

问题小结

可执行文件背景颜色问题

噢，还有个问题要说明一下：

• 上面 我运行的可执行文件显示的是深色，是因为我电脑当前配置设置的是深色，如果要换成渐白色，就给电脑当前颜色换成浅色就行，运行如下：
  

Qt 视图问题

还有就是 Qt 视图显示问题，万一手贱关了，就需要开，

• 快捷键 ctrl + alt + m： 切换开启或关闭主菜单栏

• QT Creator 左侧菜单栏消失

  • 方法：主菜单电机"视图"->“Mode Selector Style”

  •  "Icons and Text" : 显示图标和文字"Icons Only" :       只显示图标"Hidden" :            隐藏
    

• 快捷键 alt + 0 切换项目菜单栏的显示

QT只有.pro文件

明明添加文件的时候，雀氏有这些文件，如下：

这个的话，每个人解决方法不一定一样，我遇到的情况以及办法有下面三种：

• 方法一：改变套件
• 方法二：编码格式
• 方法三：
  

先执行qmake，然后下面debug relese，都点刷新一下就行

还有其他问题的，可以参考下面文章：

• VS2022+Qt6应用开发打包exe踩坑记录
• 关于解决Qt编译出的程序运行时缺少各种.dll文件（测试可用）