当前位置：首页 > news >正文

浏览器网站建设的步骤过程重庆百度地图

news 2025/7/19 0:41:54

浏览器网站建设的步骤过程,重庆百度地图,小皮搭建本地网站,做购物网站哪个cms好用提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、打开VSCOE官网二、下载VSODE的Ubuntu版本三、安装VSCODE软件包四、导入工作空间(添加工作空间目录)五、安装插件：1.安装简体中文包2.安装ros插件…

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

前言
一、打开VSCOE官网
二、下载VSODE的Ubuntu版本
三、安装VSCODE软件包
四、导入工作空间(添加工作空间目录)
五、安装插件：
- 1.安装简体中文包
- 2.安装ros插件
- 3.安装CMake插件
- 4.安装括号颜色插件（如果当前已经内置，无需下载）
- 5.设置编译快捷键
- 6.设置拼写错误检查（不设置也行）
总结

前言

一、打开VSCOE官网

visual studio code的安装

code.visualstudio.com
在这里插入图片描述

二、下载VSODE的Ubuntu版本

Debian->Ubuntu按钮
选择保存文件，直接安装会非常慢
在文件夹：下载目录下可以看到刚刚下载的安装包
在这里插入图片描述

三、安装VSCODE软件包

右键空白区域，选择在终端中打开
sudo dpkg -i code(按住table键补全)
安装完成后，启动软件
code
在这里插入图片描述

四、导入工作空间(添加工作空间目录)

在vscode中打开file-add folder to workspace；
在这里插入图片描述

进入主文件夹，双击catkin_ws，进入，选择src，右上角点击add；
此时可以在文件列表中看到src目录了，这里显示的是之前下载的源码工程；
注意：catkin_ws是主目录，src是子目录，上一章从github下载的代码工程存放在src子目录下；
在这里插入图片描述

五、安装插件：

1.安装简体中文包

该插件可以将vscode的界面变成中文
点击（插件包，左侧最下方），搜索栏填入Chinese，
点击中文简体
安装完毕后，根据提示重启vscode；
在这里插入图片描述

2.安装ros插件

搜索ros
该插件会对vscode的设置功能进行一些扩充，添加一些ros专用菜单栏项，同时代码提示和拼写检测都会加入ros的编程接口，可以提高代码书写的效率；
这个插件会顺带安装C/C++以及Pyhon相关插件
在这里插入图片描述

3.安装CMake插件

找到Cmake tools插件

在这里插入图片描述显示效果：

4.安装括号颜色插件（如果当前已经内置，无需下载）

插件栏搜索bracket，找到Bracket Pair Colorizer 2；
这个插件可以让C/C++不同层级的大括号成对的显示不同的颜色，可以更换地区分嵌套层次；
在这里插入图片描述

5.设置编译快捷键

CTRL +SHIFT+B
出现两个build选项，选择catkin_make:build选项；
在这里插入图片描述等待运行完成，按任意键退出；

![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/0df776a132864b0c88a92d0d6043241b.png#pic_center

之后每次编译只需要按下CTRL +SHIFT+B；
再次按快捷键，点击catkin_make:build的齿轮图标（可选）
打开take.json文件
在这里插入图片描述修改默认功能为
怕打错可以复制这句"group": {“kind”:“build”,“isDefault”: true},
不要漏掉符号
CTRL+S可以保存