如何使用VSCode开发Qt项目?
为何使用VSCode开发Qt项目?
因为Qt自带的编辑器丑丑丑…,颜值时代还得是vscode大妹子…
最终效果预览
![image-20220506000234586](https://img-blog.csdnimg.cn/img_convert/ccfe457da10485c8f2f66659de20ba62.png)
前期准备
一、环境工具
二、配置系统环境变量
(自行根据自己的Qt安装路径配置)
-
MingW 根目录和bin目录 D:\Qt5\5.15.2\mingw81_64\
D:\Qt5\5.15.2\mingw81_64\bin\
-
cmake.exe D:\Qt5\Tools\mingw810_64\bin\ (cmake.exe)
-
gcc.exe D:\Qt5\Tools\mingw810_64\bin\ (gcc.exe)
效果:
![image-20220505213645265](https://img-blog.csdnimg.cn/img_convert/f6871bc88e0f84e2dd05f3f7d7b56ce5.png)
cmd检验:
![image-20220505213559882](https://img-blog.csdnimg.cn/img_convert/eccd20737349ef4e1ebe82a213a6b9cf.png)
三、在VSCode配置好扩展CmakeTools里的 Cmake Path
![image-20220505212223785](https://img-blog.csdnimg.cn/img_convert/5a5ebd0d113ea44cc7d2de4280038e3a.png)
工程实践
一、在非中文路径目录下,创建一个基于MingW / CMake的Qt工程
![创建Qt工程](https://img-blog.csdnimg.cn/img_convert/c86cc222b8aaa90249b46f4d92eff7a0.gif)
(注意工程路径不能是中文路径下面,否则编译会出现X fille no found 错误,接下来cmake编译等操作会失败!!!)
在Qt里,Ctrl+R 运行项目
二、VSCode打开该工程目录(CMakeLists.txt所在目录)
-
选择kit : GCC / mingw32 (如果未检测到对应的kit, 请检查以上的环境配置是否正确)
![image-20220505224140143](https://img-blog.csdnimg.cn/img_convert/a2cfd1f18f41ca2f14d8cd3c886e69b6.png)
-
F7 构建(Build)项目 -
Shift + F5 运行
若有插件快捷键冲突,点击下面的按钮来操作:
![image-20220505224659792](https://img-blog.csdnimg.cn/img_convert/c659c247c9dbe307190391404b3df21f.png)
- 成功运行(无报错,弹出程序窗口)
![image-20220505224904022](https://img-blog.csdnimg.cn/img_convert/539f22a330061d7a7d1fd8e9db448b9d.png)
-
测试一下代码提示是否可用 ![image-20220505225215816](https://img-blog.csdnimg.cn/img_convert/e250ca2d5361b9f329679353055ecf66.png)
【总结】可能会出现的报错与解决方法
-
在Qt里报错: ...'QDialog' file not found...
? 原因:工程路径是中文路径…
? 解决:将工程移动/重建于非中文路径下,清理后重新构建运行。
-
在VSCode里: The "cmake" command is not found in PATH. Install it or use `cmake.cmakePath
原因:未进行或配置失败这一步:VSCode配置好扩展CmakeTools里的 Cmake Path
? 解决:检查/配置扩展CmakeTools里的 Cmake Path
|