Qt6-尝试使用VSCode来写代码

简介: Qt6开始有了CMake编译了,所以,我也准备尝试下使用网红编辑器 “VSCode”来搞一下。

参考链接:https://blog.csdn.net/weixin_43669941/article/details/108921714


根据博主的描述中,博主还安装了VS2019,这里我电脑是没有的,我只有13 和15。后面如果失败,我再安装VS2019试一下。



1.添加环境变量

按照博主说法,需要添加环境变量到PATH,步骤如下,计算机鼠标右键属性。

image.png

在win10上面话,没有我们看到win7上面的那个画面,按照下面的步骤来,一样设置环境变量,如下图

image.png

点击右侧的“高级系统设置”即可弹出传统的win7的属性

在高级页面中,右下角有环境变量选项,鼠标左键点击进度

在下面的系统变量中找到“Path”鼠标左键双击进入

找到右上角新建选项

找到我们Qt6的安装目录,并进到对应编译环境的bin下面,复制整个路径,粘贴到步骤4新建的环境变量中。保险起见,这里可以重新启动下系统。


2.安装VSCode扩展插件

下图是我的VS Code版本

image.png

按照博主说明,安装C++扩展

image.png

image.png

还需要安装CMake 和 CMake Tools插件,和安装C++插件一样,再搜索栏中搜索CMake,完了按照博主方法,安装前两个。

 image.png

下图中红色区域就是我已经安装的插件了

image.png

3.使用Qt创建一个CMake的项目

目前的Qt6 版本,我也不知道关于里面为啥还是5

image.png

以此点击new 填入项目名称(英文),选择路径,点击下一步

image.png

这里记得要选择CMake

 

image.png

image.png

image.png

这里好像也有点差别,后面再仔细研究。

 image.png

image.png

在VS Code中打开我们的项目

 

在VS Code 中打开我们的项目工程目录

 

image.png

这里有个图截不到了,就是选择Kit的环节,可以按照博主的GIf中,选择一个kit就可以,我这里报错了,报了CMake配置问题,看来是我的看下我的cmake了

 image.png

image.png

看来我还得安装一个Cmake,下载地址:https://cmake.org/download/

 

image.png

直接选择一个安装包开搞,等待下载完成就直接傻瓜式安装,记得勾选添加到Path中

 

image.png

这样看来我Cmake好使了,再去VSCode中看一下

image.png

还有问题呀,难道是我更改了默认安装路径问题,在研究下

没有研究成功,成了再来填坑。


image.pngimage.png

目录
相关文章
|
1月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。
【10月更文挑战第7天】随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这两个工具,可以确保代码风格一致,提升团队协作效率和代码质量。
226 2
|
18天前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
180 4
|
16天前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这些工具,可以确保代码风格一致,提高代码质量和可读性。
47 1
|
1月前
|
JavaScript 前端开发 开发者
如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码,提升团队协作效率和代码质量。
【10月更文挑战第9天】随着前端开发技术的发展,代码规范和格式化工具变得至关重要。本文介绍如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码,提升团队协作效率和代码质量。通过安装插件、配置 ESLint 和 Prettier,以及设置 VSCode,实现代码实时检查和格式化,确保代码风格一致。
29 2
|
1月前
|
IDE 网络安全 开发工具
IDE之vscode:连接远程服务器代码(亲测OK),与pycharm链接服务器做对比(亲自使用过了),打开文件夹后切换文件夹。
本文介绍了如何使用VS Code通过Remote-SSH插件连接远程服务器进行代码开发,并与PyCharm进行了对比。作者认为VS Code在连接和配置多个服务器时更为简单,推荐使用VS Code。文章详细说明了VS Code的安装、远程插件安装、SSH配置文件编写、服务器连接以及如何在连接后切换文件夹。此外,还提供了使用密钥进行免密登录的方法和解决权限问题的步骤。
376 0
IDE之vscode:连接远程服务器代码(亲测OK),与pycharm链接服务器做对比(亲自使用过了),打开文件夹后切换文件夹。
|
1月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码,提升代码质量和团队协作效率。
【10月更文挑战第8天】本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码,提升代码质量和团队协作效率。通过安装 VSCode 插件、配置 ESLint 和 Prettier,实现代码规范检查和自动格式化,确保代码风格一致,提高可读性和维护性。
70 2
|
1月前
|
Linux C语言 C++
vsCode远程执行c和c++代码并操控linux服务器完整教程
这篇文章提供了一个完整的教程,介绍如何在Visual Studio Code中配置和使用插件来远程执行C和C++代码,并操控Linux服务器,包括安装VSCode、安装插件、配置插件、配置编译工具、升级glibc和编写代码进行调试的步骤。
204 0
vsCode远程执行c和c++代码并操控linux服务器完整教程
|
3月前
|
Dart
Flutter笔记:手动配置VSCode中Dart代码自动格式化
Flutter笔记:手动配置VSCode中Dart代码自动格式化
462 5
|
3月前
|
Java 数据安全/隐私保护
VScode将代码提交到远程服务器、同时解决每次提交都要输入密码的问题(这里以gitee为例子)
这篇文章介绍了如何在VSCode中将代码提交到Gitee远程服务器,并提供了解决每次提交都需要输入密码问题的方法。
VScode将代码提交到远程服务器、同时解决每次提交都要输入密码的问题(这里以gitee为例子)
|
3月前
|
JavaScript 前端开发 开发者
【颠覆你的前端世界!】VSCode + ESLint + Prettier:一键拯救Vue代码于水深火热之中,打造极致编程体验之旅!
【8月更文挑战第9天】随着前端技术的发展,保持代码规范一致至关重要。本文介绍如何在VSCode中利用ESLint和Prettier检查并格式化Vue.js代码。ESLint检测代码错误,Prettier保证风格统一。首先需安装VSCode插件及Node.js包,然后配置ESLint和Prettier选项。在VSCode设置中启用保存时自动修复与格式化功能。配置完成后,VSCode将自动应用规则,提升编码效率和代码质量。
494 1

推荐镜像

更多