本教程适用于Windows 64位操作系统

安装VScode:

官网下载VSCode详细安装教程

安装好VScode后,开始配置C++环境

安装LLVM:

Download LLVM 页面往下翻,找到这行,点击Windows(64-bit)

vscode镜像流 vscode llvm_LLVM

下载后点击,除了 自定义安装地址(记住你的安装地址)和 添加到环境变量,其余默认安装点击下一步即可

vscode镜像流 vscode llvm_vscode_02

安装MinGW:

Download MinGW 页面往下翻,找到x86_64-win32-seh,原地址下载太慢,这里给个蓝奏下载

vscode镜像流 vscode llvm_vscode镜像流_03


下载完后解压,将解压后的东西全部剪切粘贴到之前LLVM的安装路径下,会发现文件夹的名字一致,内容不冲突。

vscode镜像流 vscode llvm_c++_04

检测环境变量

打开命令行

输入clang -v

gcc -v

出现类似信息后正常

vscode镜像流 vscode llvm_vscode_05


如果出现xxx不是内部或外部命令也不是程序则需要添加环境变量

右击我的电脑-属性-高级系统设置-环境变量-点击系统变量下的PATH-编辑-新建-填入LLVM安装目录下的bin文件夹,类似下面

vscode镜像流 vscode llvm_vscode镜像流_06

VScode运行C++ 程序Hello World

检测VScode能否运行普通的C++程序

VScode打开后点击左侧扩展,搜索安装插件code runner,C++

vscode镜像流 vscode llvm_opengl_07


vscode镜像流 vscode llvm_vscode镜像流_08


如果遇到代码没有补全提示可以使用Tabnine插件一定程度上解决,这个插件可以不下

vscode镜像流 vscode llvm_LLVM_09

然后创建文件,另存为C++文件
写个hello world

#include <iostream>
using namespace std;
 
int main() 
{
    cout << "Hello, World!";
    return 0;
}

右上角点击运行,输出hello world,C++环境部署完毕

vscode镜像流 vscode llvm_vscode_10

添加openGL

openGL下载 由于尝试安装openGL时见过了无数报错,搜集了各种方法,这是在排除了多个报错后的集成版本,所以我也不清楚哪些是真的有用的(基本上是报一次错加一个东西),这整个放一起是能用的(奇妙

下载后解压,能看到五个文件夹

vscode镜像流 vscode llvm_vscode镜像流_11

  1. 打开LLVM的安装目录
    分别将压缩包里的bin,include,lib文件夹里的内容解压粘贴到LLVM目录下相应的bin,include,lib文件夹内
  2. 打开C:\Windows\System32 和 C:\Windows\SysWOW64
    将压缩包里System32与SysWOW64内的dll文件分别粘贴到上述文件夹内,如果出现重复请选择跳过
  3. 在任意处创建一个编写openGL项目的文件夹
    将压缩包里的VScode配置文件夹内的.vscode文件夹粘贴到上述文件夹内,然后将launch.json配置文件内的"miDebuggerPath"项修改成你LLVM下的gdb.exe的路径。
  4. vscode镜像流 vscode llvm_c++_12

测试VScode下的openGL

打开VScode,文件-打开文件夹-选择刚才创建的编写openGL项目的文件夹,新建文件-另存为C++文件
画个三角形

#define FREEGLUT_STATIC // Define a static library for calling functions
#include <GL/freeglut.h> // Include the header file
void renderScene(void) // Function for geometric creation
{
// Clear the buffer to the predefined color and depth value
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
//Move origin of current user coordinate system to the screen center: similar to a reset operation
glLoadIdentity();
glBegin(GL_TRIANGLES); // Start draw TRIANGLE function
glVertex3f(-0.5, -0.5, 0.0); // Set coordinates of first vertex
glVertex3f(0.5, 0.0, 0.0); // Set coordinates of second vertex
glVertex3f(0.0, 0.5, 0.0); // Set coordinates of last vertex
glEnd(); // End draw TRIANGLE function
glutSwapBuffers(); // Refresh the screen to display the graphics
}
int main(int argc, char* argv[]) // Standard main function
{
glutInit(&argc, (char**)argv); // Initialization
// Define display mode: depth buffer, double buffer and RGBA color
glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE | GLUT_RGBA);
glutInitWindowPosition(100, 100); // Define the location of the window
glutInitWindowSize(320, 320); // Define the size of the window
glutCreateWindow("Hello OpenGL"); // Create a window called “Hello OpenGL”
glutDisplayFunc(renderScene); // Set the first function
glutMainLoop(); // Enter the GLUT event processing loop
return 0; // Return an integer value
}

点击右上角三角形运行,或者右键代码区域选择run code,完成

vscode镜像流 vscode llvm_vscode_13

总结

大部分情况下按照网上教程按步骤进行就可以,中途出现报错的话直接搜索报错内容就能够解决。

但是也有直接搜索不能解决的,这时候就需要动动脑子了

如一开始我按照网上的教程运行test.cpp后,出现无法找到 cannot find -lglut32的报错,搜索该报错并没有发现符合的解决方法。但是观察发现这是缺少glut32库文件,于是直接搜索glut32.lib下载后放到lib文件夹内解决问题

vscode镜像流 vscode llvm_opengl_14