关于Games101课程在使用wsl进行环境配置及vscode远程调用

已于 2024-04-26 14:22:52 修改
阅读量2.9k 收藏 22
点赞数 10
分类专栏： games101 文章标签： windows vscode ubuntu
于 2023-03-23 23:11:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51017692/article/details/129741523
版权

Games101的windows环境下的wsl配置及vscode的远程调用

文章目录

1. wsl的环境配置

（1）安装wsl

1.WSL2需要启用windows功能中的虚拟机平台和适用于Linux的Windows子系统.以直接使用Windows+R快捷键，在打开的「运行」窗口中直接执行optionalfeatures打开「Windows 功能」，或者在控制面板中打开「Windows 功能」启用需要的功能，然后重新启动

2.进入cmd， 输入

wsl --set-default-version  version
# version为1或2，代表wsl的版本·

3.验证成功输入wsl --update 更新

（2）安装ubuntu镜像

安装镜像有两种选择

（1）打开cmd，输入wsl --list --online ， 不过我这里可能网络原因， 显示无法连接

(2) windows 商店下载相应的ubuntu 镜像。顺带一提：我选择的是Ubuntu20.04LTS， 和课程的Ubuntu虚拟硬盘版本相近~~

安装完成后就可以登录ubuntu创建相应用户~

（3）安装wsl图形化界面(Win11的朋友可以跳过这一小节，不用配置，我们直接执行cmake编译完的程序就可以看到OpenCV创建的窗口了~)

  1. 安装windows的VcXsrv ， 下载网址是 https://sourceforge.net/projects/vcxsrv/

  2. wsl终端中安装xfce4

    #安装xfce4桌面
sudo apt-get install xfce4 xfce4-terminal 
#配置声明
echo -e "\n##DISPLAY Configuration" >> ~/.bashrc 
#添加配置
echo "export DISPLAY=127.0.0.1:0.0" >> ~/.bashrc 
#配置生效
source ~/.bashrc

  3. 配置DISPLAY环境变量遇到的坑

由于WSL2其实是用Hyper-V技术实现的一个虚拟机,和WSL1的工作原理不一样,因此如果使用之前网上

的方法直接设置DISPLAY=:0.0的话,启动xfce4的时候会出现下面的错误:

lpwm@DESKTOP-FI0NTIP:~$ startxfce4
/usr/bin/startxfce4: X server already running on display :0.0
xrdb: Connection refused
xrdb: Can't open display ':0.0'
Unable to init server: Could not connect: Connection refused
xfce4-session: Cannot open display: .
Type 'xfce4-session --help' for usage.

正确的配置姿势

# 首先需要查看Windows系统和WSL2通信使用的虚拟网卡地址
$ sudo vim /etc/resolv.conf
# nameserver后面的地址就是Windows系统虚拟网卡的地址,记一下,同时需要取消下面两行内容的注释,禁用自动重新生成配置文件,否则重启后这个地址会变
[network]
generateResolvConf = false
 
 
$ vim ~/.bashrc
# 在文件最后追加下面内容,地址使用上面查看到的
export DISPLAY=虚拟网卡地址:0


 #由于每次电脑启动虚拟网卡ip地址都会改变，因此可以使用以下方法~
export DISPLAY=$(cat /etc/resolv.conf | grep nameserver | awk '{print $2}'):0 


$source ~/.bashrc
#执行刚修改的初始化文件，使之立即生效

  1. 打开XLauch

    选择OneLargeWindow
    在这里插入图片描述

在第三步勾选Disable client access， 否则会导致协议无效
在这里插入图片描述
5. 打开wsl， 输入

 startxfce4			#即可看到可视化界面了~

2. cmake、g++、eigen、opencv配置

由于题主使用的是linux 的 apt-get命令获取软件的下载包。故需先使用如下语句更新apt， 否则会无法完成以下环境的下载。

sudo apt-get update

​

更新成功后就可以进行环境配置啦~

  • g++配置

     sudo apt-get install build-essential   # 安装g++
 g++ --version 					# 安装完成后检查版本

  • cmake配置

    sudo apt-get install cmake			#安装cmake
cmake --version						#照例检查版本

  • eigen 配置

    sudo apt-get install libeigen3-dev

    这三件配置完就可以完成pa0了~

    将pa0文件夹移至你的ubuntu文件夹下

    /usr/games$ sudo cp /mnt/e/101/pa0 .
    • 移至 /mnt/你的windows硬盘/pa0的文件路径
    • 我将其移至了usr的game 文件夹下，理论上只要在usr文件夹下都可以

    然后就可以进行相应的build了~

    /usr/games/pa0$ mkdir build
/usr/games/pa0$ cd build/
/usr/games/pa0/build$ cmake ..
/usr/games/pa0/build$ make
/usr/games/pa0/build$ ./Transformation

  • Opencv 配置

    1.安装依赖


sudo apt-get install build-essential libgtk2.0-dev libavcodec-dev libavformat-dev libjpeg-dev libswscale-dev libtiff5-dev
sudo apt-get install libcanberra-gtk-module
sudo apt-get install pkg-config
sudo apt-get install unzip

​ 2. 下载opencv源码

原生OpenCV代码
https://www.raoyunsoft.com/wordpress/index.php/2020/03/09/opencvdownload/
如果上面网站的资源失效或者难以下载，也可以用以下我共享的OpenCV4.6.0源码，这个OpenCV压缩包修改了它的第三方组件ippicv中的cmake文件，用于解决外网cdn不可用导致cmake编译失败的情况。
https://pan.baidu.com/s/1RGKA2aXnoVJ6UzrrSQp9qw?pwd=45nj/

​ 3.在usr/games解压OpenCV源码

cd /usr/games
sudo unzip OpenCV-XXX.zip

​ 4.在解压文件夹下构建build文件夹，进入build文件夹，在当前文件夹执行cmake命令， 再make

cd OpenCV-XXX
sudo mkdir build
cd build

#构建过程中会缺少第三方组件，因此会进行第三方组件的下载，可能会有网络原因导致下载失败，因此可以尝试科学上网或者使用我上面给的OpenCV4.6进行编译
sudo cmake -D CMAKE_BUILD_TYPE=Release -D OPENCV_GENERATE_PKGCONFIG=ON -D CMAKE_INSTALL_PREFIX=/usr/local .. 

#通过16线程构建， 可以通过修改原来的数字进行构建，最高可以到CPU最大线程数
#构建可能时间有点长，所以尽量选择最大线程进行构建~
sudo make -j16	

sudo make install

​ 5.配置环境变量

​ 5.1 将库添加到系统路径

sudo vim /etc/ld.so.conf

在文件中加上一行include /usr/local/lib，因为makefile中默认opencv安装在该路径下。


#按i进入INSERT模式，右键添加include  /usr/local/lib后按ESC退出插入模式
#最后使用wq!进行保存
:wq!

然后进行更新

sudo ldconfig

此时会报下面的错， 原因是WSL构建 和其他的原生linux文件有些不同

/sbin/ldconfig.real: /usr/lib/wsl/lib/libcuda.so.1 is not a symbolic link

此时必须修改wsl配置文件

cd /usr/lib/wsl
sudo mkdir lib2
sudo ln -s lib/* lib2
sudo vim /etc/ld.so.conf.d/ld.wsl.conf
#将 /usr/lib/wsl/lib 改为 /usr/lib/wsl/lib2

测试修改是否生效
sudo ldconfig

5.2 配置 bash ，修改 bash.bashrc 文件

sudo vim /etc/bash.bashrc

shift+g跳到末尾添加下面两行

PKG_CONFIG_PATH=$PKG_CONFIG_PATH:/usr/local/lib/pkgconfig
export PKG_CONFIG_PATH

保存退出，再source一下，用于保存环境变量

source /etc/bash.bashrc

到此为止环境就配置完毕，可以使用了~

如果是Win10环境，我们可以打开xlauch， 在图形化的界面中调试我们的三角形了~~
在这里插入图片描述

此时如果是Win11环境，我们可以直接运行cmake编译完的程序~~

3.vs code远程连接wsl

（1）首先安装主系统下的vs code， 由于流程简单，这里就不做细述

（2）打开vs code， 选择插件中心，搜索 wsl

在这里插入图片描述

（3）安装第一个wsl插件

在这里插入图片描述

（4）安装完成后， 在插件中心下方就有远程资源管理器标志了， 直接进入会弹出已识别的wsl，点击即可操作wsl~， 进入wsl找到对应的文件夹即可编辑代码~

在这里插入图片描述
（5）在Vscode 中编辑WSL中的代码时，可能发生用户权限问题导致无法保存，此时在作业文件夹下使用命令

sudo chmod 777 -R .

将文件夹的权限修改至任意用户都可修改即可。

顺带一提，使用完wsl记得在cmd中执行 wsl --shutdown , 否则wsl2虚拟机会一直占用本机内存~

4. wsl内部的cpp插件配置

因为我们在wsl中写cpp代码时，默认是没有代码编辑提示的，所以可以下载wsl内部的cpp插件，用于代码的编辑提示、高亮等功能

在这里插入图片描述

下载插件时，可能会由于网络原因，导致下载失败，可以尝试科学上网方式进行下载~
eine K1eine
关注
  • 10
    点赞
  • 踩
  • 22
    收藏
    觉得还不错? 一键收藏
  • 17
    评论
专栏目录
WIN11下使用mingw进行GAMES101环境搭建
qq_39505986的博客
04-09 736
这两个变量的顺序是，如果用户没有给出绝对路径，那么首先在自己的目录下查找，如果查找不到，则进入系统变量中查找，如果还是未查找到，则进入用户变量中查找，其中的变量Path告诉系统可执行文件的位置。管理员权限运行cmd，进入build目录，运行mingw32-make(这个很慢，时间大概1h左右)，或者使用mingw32-make -j 4 加速编译（4为编译线程数，根据电脑cpu线程数进行选择，一般4或8就行）。然后在path中添加opencv的bin目录：在install下的x64\mingw\bin。
GAMES101 作业0 环境配置 超详细小白教程
onion23的博客
08-08 4419
使用chrome直接点击连接（如下图所示）什么都打不开，这时候需要右键→复制链接，再粘贴到地址栏即可（或者直接复制此链接 http://games-cn.org/wp-content/uploads/2020/02/pa0.zip ，去往该地址之后浏览器会自动下载）......
手把手教你games101环境搭建（图文并茂）——Visual Studio安装，Eigen库，Opencv配置
qq_43419761的博客
11-16 1万+
使用图文的方式手把手教读者配置VS，Eigen和opencv，主要服务于games101本机环境的搭建
闫令琪：Games101 现代计算机图形学-作业环境配置：vs2019+win
weixin_39548859的博客
07-06 7872
闫老师的作业框架整体上非常简洁，只需要装两个库即可： eigen3 opencv2 但是也踩了很多坑，首先是vs配置c++库的时候各种包含库目录，什么的非常繁琐，发现了vcpkg之后过程大大简化。 利用vcpkg进行库安装，只需要执行下面三行命令即可： .\vcpkg.exe install engin3:x64-windows .\vcpkg.exe install opencv:x64-windows .\vcpkg.exe integrate install 这里必须要配置64位的，原因在于第
【教程】PyCharm连接Windows主机实现远程开发、跑代码（未完待续，持续更新中。。。）
最新发布
weixin_51053484的博客
07-16 1101
因为我的台式电脑放在宿舍，所以想用工位的电脑在PyCharm远程连接宿舍的台式机进行远程开发，在折腾了一番之后写下这篇博客，希望能帮助到有需要的人。本教程适用于用PyCharm连接另一个Windows主机进行远程开发的情况。
GAMES101 作业0
Rh's blog
10-18 132
请用来检验答案是否正确 思路 这份作业主要在做两个部分： 搭环境 原作业pdf介绍使用虚拟机，但个人因为卡顿等原因放弃使用虚拟机，使用vscode remote+wsl的方式来开发，具体的配置过程可以搜索关键字，蛮多教程的 实现一个旋转、平移 题目大意指在二维中，先逆时针旋转，再平移，并要求在齐次空间下实现。这里主要通过构建三维矩阵(齐次占一维)，利用绕Z轴旋转矩阵表示题干中的二维旋转矩...
Games101-作业0
zgynbnbnb的博客
03-11 941
本系列博客为记录笔者在学习课程时遇到的问题与思考。本次搭建过程参考https://blog.csdn.net/qq_21891843/article/details/130643143?以此记录方便自己下次使用。然后利用虚拟机镜像创建对应的Ubuntu虚拟机。创建完成后将和拖入虚拟机的Download文件夹中，并解压文件到当前目录下。双击文件即可将VScode安装至虚拟机中。之后配置g++、cmake和eigen环境。cmake 配置eigen 配置配置完成三件套之后再安装OpenCV依赖。
Games101 环境配置及作业汇总
qq_43579832的博客
03-20 435
我的games101学习之旅
VirtualBox-6.1.4
08-16
VirtualBox-6.1.4,虚拟机,games101作业虚拟机
GAMES101-作业0
qq_43539471的博客
08-06 386
GAMES101 作业0 虚拟机的使用。
/usr/bin/startxfce4: X server already running on display 127.0.0.1:0
热门推荐
菜鸟爱飞不飞的博客
05-06 1万+
错误如截图 解决方法（之一） 先打开vcxsrv，注意下面第三张图 然后运行startxfce4 最后安利一个自学java的网站：https://how2j.cn?p=73165
vscode配置远程开发环境并远程调试运行C++代码的教程
08-19
在这个教程中，我们将详细探讨如何使用Visual Studio Code（VSCode）设置远程开发环境，并进行C++代码的远程调试。VSCode的Remote Development插件使得在本地计算机上无缝编辑、构建和调试远端服务器上的代码成为...
win10环境下vscode Linux C++开发代码自动提示配置(基于WSL)
12-17
在win10下打开linux子系统设置（具体搜索教程），在应用商店安装ubutu16. 打开File->Preferences->settings,编辑settings.json。 copy 以下的内容替换settings.json “C_Cpp.default.compilerPath”: “/usr/bin/...
基于WSL2和vscode搭建nodejs linux 开发环境1
08-03
VSCode远程开发环境允许用户在本地Windows系统上使用VSCode，同时利用WSL2运行Linux子系统，提供一个完整的Linux开发体验。这样，开发者可以在熟悉的Windows界面下，进行Linux环境下的开发工作，如Node.js项目。 **...
VSCode + WSL 2 + Ruby环境搭建图文详解
10-15
在本教程中，我们将详细介绍如何在Windows 10环境下利用Visual Studio Code (VSCode)、WSL 2（Windows Subsystem for Linux 2）以及Ruby搭建一个高效的开发环境。VSCode近年来已成为流行的代码编辑器，尤其对于Ruby...
WSL环境部署，在WSL中运行gui程序，gedit、vscode等
02-09
WSL环境部署，在WSL中运行gui程序，gedit、vscode等，解决WSL环境gui程序中文乱码问题
【GAMES101】作业0学习总结
qq_21891843的博客
05-12 1407
本系列博客为记录笔者在学习GAMES101课程时遇到的问题与思考。
Games101作业1 Clion+WSL环境配置
qq_38219754的博客
09-04 558
为了方便课题组的同学学习Games101，写此教程。
作业0：虚拟机的使用
astralcon的博客
06-08 1716
前言 想学习计算机图形学，无意间知道了闫令琪教授。 闫大神，高考状元，siggraph2019最佳博士论文，phd毕业直接拿到了ap，英伟达rtx的那个r和他有很大关系…加州大学圣芭芭拉分校助理教授，博士生导师，于2013年获清华大学学士学位，2018年获加州大学伯克利分校博士学位。他的主要研究方向是基于物理的真实感图形渲染及其相关的数学和物理理论，包括真实感材质观测和建模、离线和实时的光线追踪、信号的采样和重建、高效的光线传播和散射等等。闫令琪博士在高度细致的真实感渲染方面的研究开创了下一代计算机图形学的
vscode配置wsl开发环境
09-08
要配置VS Code的WSL开发环境，首先需要安装VS Code和WSL插件。安装好VS Code后，可以通过安装Remote插件来配置远程开发环境。然后，安装Visual Studio Code WSL扩展，该扩展允许您将Windows子系统Linux(WSL)作为您的全时开发环境。通过这个扩展，您可以在基于Linux的环境中进行开发，使用特定于Linux的工具链和实用程序，并在Windows的舒适环境中运行和调试基于Linux的应用程序。 一旦安装了扩展，您可以通过在命令行中运行以下命令来在VS Code中打开WSL环境：code --remote wsl <WSL发行版名称> <WSL中的路径>。这将在VS Code中打开WSL环境，并使您能够在该环境中进行开发和调试。 通过配置VS Code的WSL开发环境，您可以轻松地在Windows操作系统中使用WSL进行开发，并获得与Linux环境相同的工具和特性。这使得开发更加方便和高效。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
评论 17
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值