在Vscode开发QT,完成QT环境的配置
一. 引子
在上一个章节配置完成了QT的环境,能够使用QT creator完成对QT的配置,接上话Vs Code的插件以及轻量化使得能够对QT开发的效率提高一大截,但是唯一的缺点就是环境还是稍微有点难配,(对于我这样的新手确实失败了几次)
二. 下载Vs Code
首先来到Vs Code的官网Visual Studio Code - Code Editing. Redefined ,点击进去。突然发现哎哟,全是英文看不懂,看不懂就算了(不是),点击右上角的非常大的蓝色Download,就是下载
来到如下界面,左边一个窗户,中间一个企鹅,右边一个苹果,博主是Windows开发所以点击Windows下载就可以了
选择好自己要下载的地方,然后开始狠狠的下载
下载完成后,双击.exe文件
进入到Vs Code的安装界面,首先第一个就是签订协议,又是我被迫同意协议(不是),然后点击下一步
下一步是选择安装的位置,如果不想要自己电脑的C盘爆炸的话,就还是尽量放在其他地方吧
下一步是询问你是否要添加Vs Code的快捷方式,这个看个人吧这里就不过多的赘述了,点击下一步
这里我就只勾选了一个创建桌面的快捷模式,安装界面表达的还是比较清除的,不解释各个选项是什么意思了,看个人情况决定是否勾选
这个界面是确定并检查之前的安装配置是否有误,若无直接点击下一步就开始安装了,点击安装
完成后直接打开就可以了
打开后界面如下
点击左边框最下面的图标,四个正方形的那个,这里就可以给Vs Code下载插件,有些读者刚开始打开Vs Code的时候可能全部都是英文,是因为没有下载中文插件,博主刚开始就下载了一个中文插件
需要汉化的就在这里搜索Chinese然后下载第一个插件,应该是需要重启一次汉化才会生效
下载完Vs Code后先不要着急,我们还要去下载一个东西,叫做Cmake,在上一篇帖子的时候就简单的降解过cmake和qmake,在Vscode因为一般涉及较复杂的开发,其次就是忘记说的一点,现在QT公司还是较为倾向于cmake,在之后可能qmake还是会被渐渐淘汰掉
三. 下载cmake
点击如下链接进入cmake的官网CMake - Upgrade Your Software Build System,发现哎呀又是英文怎么办呐(好了,不玩了),点击右上角绿色的Download,
进入下载界面,我们这里就下载一个最新的版本,那就是4.0.0,下面的Windows (x64).zip,直接下载压缩包,点击下载
还是找到有一个合适的路径,然后开始下载
下载完成后将cmake解压出来,然后就准备开始配置环境变量了
四. 配置环境变量
首先win + R 然后输入sysdm.cpl,打开系统属性
点击高级,打开下面有一个环境变量
打开环境变量后找到系统变量,然后双击path
如果双击Path出来的是类似这个界面
那就在变量值的后面加一个分号,然后出来的就是这个界面了,根据每个人不同的QT下载路径将如下的环境变量添加进去
如何验证是否正确的配置了环境变量,还是Win + R,然后输入cmd,打开终端,在终端中输入gcc -v,如果显示如下界面就说明配置成功
那么下一步就开始配置cmake,按照如下路径找到cmake的路径,然后还是按照上述方法打开环境变量
将cmake的环境变量添加进去
通过cmake --version这个命令来验证cmake的配置是否成功,还是按照上面的方法打开终端。如果如下显示就说明配置成功了
那么到此环境变量就全部配置完成了,剩下的就是去Vs Code当中配置QT的环境
五. Vs Code配置QT环境
来到下载插件的地方,先搜索C/C++,先将这个插件下载下来,用来编写C以及C++代码的插件
下一个下载cmake,这个插件
然后下载这个插件
然后再下载Qt Configure
再下载最后一个Qt tools,然后我们需要用到的所有插件就下载完成了,然后可以重新启动一下Vs Code
插件虽然安装完成了,但是还要完成插件的配置,首先先点到CMake Tools这个插件处
然后点击插件自动更新旁有一个设置的标志然后点击其中的设置
然后往下滑找到,要使用的Cmake可执行的名称/路径,路径的填写如下E:\Learn\QT\Cmake\cmake-4.0.0-rc2-windows-x86_64\cmake-4.0.0-rc2-windows-x86_64\bin\cmake.exe,这里要把执行文件添加上
然后再完成Qt Configure的配置,还是点击设置
填写如下三个参数,参考博主的路径,然后将对应的路径复制上去就可以了
然后插件的配置也差不多完成了,下一步博主找了一个路径添加了一个文件夹,因为下一步要创建Qt的工程所以需要创建一个文件夹用来存放工程
下一步在Vs Code中打开文件夹 ,然后按住ctrl + alt + p,调出控制台终端 然后输入qt,找到这里的New Project
然后输入要创建的工程名字
这里就选则minggw73_64
因为我们配置的是Cmake所以就选择cmake就可以了
然后选择yes
工程文件就已经创建完成了
生成一段窗口的代码
但是配置还没有完成,还是调出控制台然后输入
然后选择扫描工具包
然后扫描完成后,就可以在扫描工具那里选择编译器,成功过后这下面就会出现编译器的版本号
然后就可以点击下面的箭头符号就可以开始运行代码了,非常完美的运行
但是这个时候注意到左边一个.txt的文件夹有一个黄色提示,问题如下
点击进去看一下,第一行在报警告,其实这个警告的意思如下的意思
解决办法就是把版本号改高一点就可以了,例如如下这样,就不会有警告了
那么我们就成功实现了在Vs Code实现编写Qt的效果了,这也是博主试错了两次得到的正确的答案,之后就一起接收Qt的折磨把,进入C++的大门