当前位置: 首页 > article >正文

【ROS 开发神器 Visual Studio Code 的安装和设置】

【ROS 开发神器 Visual Studio Code 的安装和设置】

  • 1. Visual Studio Code的安装
    • 1.1 点击deb文件下载
    • 1.2 安装VScode
    • 1.3 启动软件
    • 1.4 添加收藏夹
  • 2. 导入工作空间
    • 2.1 熟悉Vscode基本界面
    • 2.2 添加工作空间
  • 3. 安装简体中文语言
  • 4. 安装ROS插件
  • 5. 安装CMake插件
  • 6. 安装括号颜色插件
  • 7. 设置编译快捷键
  • 8. 设置拼写错误检查

在这里插入图片描述
我们要一点一点的学习ROS的编程套路,路漫漫其修远兮,吾将上下而求索!🎉🎉🎉,ROS自带的编辑工具是gedit,不怎么好用,推荐VScode开发 ,相信你会喜欢这个工具,非常哇塞😍😍😍

1. Visual Studio Code的安装

进入官方网站:https://code.visualstudio.com/

在这里插入图片描述

1.1 点击deb文件下载

在这里插入图片描述
点击文件夹的下载,在文件夹中右键在终端打开
在这里插入图片描述

1.2 安装VScode

然后输入

sudo dpkg -i code

此时拍一下键盘上的Tab键补全

在这里插入图片描述
最后回车
在这里插入图片描述

1.3 启动软件

#打开VScode
code
#导入当前工作空间
code .

1.4 添加收藏夹

这样方便下次快捷启动
在这里插入图片描述

2. 导入工作空间

2.1 熟悉Vscode基本界面

在这里插入图片描述

2.2 添加工作空间

点击菜单栏file,下面的add folder to workspace
在这里插入图片描述
在弹出菜单中从主目录选择对应带后缀ws工作空间下的src打开,点击左上角Add

在这里插入图片描述
下面就是导入成功
在这里插入图片描述

3. 安装简体中文语言

在插件列表中搜索chinese,点击install,然后Restart

在这里插入图片描述
成功汉化
在这里插入图片描述

4. 安装ROS插件

对VScode扩充,添加一些ROS专用的菜单项,同时代码提示和拼写检查都会加入ROS的编程接口
在插件列表中搜索ROS,点击install,
在这里插入图片描述
会安装相关C++,python插件
在这里插入图片描述

5. 安装CMake插件

选择这.CMake的编译规则文件-CMakeLists.txt
可以看到里边的#号注释内容和有效指令内容都是一个颜色

在这里插入图片描述
在插件列表中搜索CMake,点击Tool 的install,
在这里插入图片描述

再次打开刚才那全 CMakeLists的文件,有效指令部分也根据成分呈现不同的颜色

在这里插入图片描述

6. 安装括号颜色插件

目前最新版已经内置了,只需配置enable
在C语言不同层级的大括号成对的显示不同的颜色

在这里插入图片描述

7. 设置编译快捷键

我们同时按下Ctrl + Shift + B

在这里插入图片描述

我们选择.catkin-make: build这项。

在这里插入图片描述
编译完成后在这介终端里按任意键关闭这个窗口:

在这里插入图片描述
以后我们每次需要编译时,只需按Ctrl + Shift + B就可以快捷编译了
在这里插入图片描述
点击tasks.json
添加

"group": {"kind" : ""build" , "isDefault": true}, 

完整代码如下

{
	"version" : "2.0.0",
	"tasks": [
		{
			"type": "catkin_make" ,
			"args" :[
				"--directory" ,
				" /home/robot/catkin_ws"
			],
			"problemMatcher" :[
				"$catkin-gcc"
			]"group": {"kind" : ""build" , "isDefault": true}, 
			"label" : "catkin_make: build"
		}
	]
}

好按下CtrL+S保存
然后再按下Ctrl + Shift + B

在这里插入图片描述
在这里插入图片描述
它直接使用。catkin.make,进行编译了

8. 设置拼写错误检查

看一个现象,打开一个代码文件

在这里插入图片描述
看着代码上一堆的红色波浪线心情多少有点烦躁吧

直接删除c_cpp_properties
在这里插入图片描述
然后重新打开,查看代码没有问题
在这里插入图片描述
这也不是万能,因为总有些藏在特角奋尻的头文件ROS插件也搜索不到
最后的办法,直接忽视
在这里插入图片描述
按下Ctrl + Shift + P

在这里插入图片描述

搜索error Squiggles

在这里插入图片描述
选中第一个,直接忽视掉了
在这里插入图片描述
多了setting,现在设置为Disabled=关闭错误提示

在这里插入图片描述
如果需要改回来,就把这项的Disabled 改成Enabled


http://www.kler.cn/a/16921.html

相关文章:

  • 蓝队知识浅谈(上)
  • 2411d,右值与移动
  • 认识一下Unicorn
  • 测试工程师简历「精选篇」
  • uniapp使用scroll-view下拉刷新与上滑加载
  • 若依笔记(八):芋道的Docker容器化部署
  • 理解Hopcroft DFA最小化算法
  • 教育专题讲座(没有答案)
  • ImageJ实践——拟合矩形选区探究(bounding rectangle),左侧优先法则
  • 出道的第八年,依然AI着......
  • Python每日一练(20230505) 课程表 Course Schedule III/IV
  • Java 中的集合框架有哪些?(十四)
  • Leetcode刷题日志2.0
  • 【QT】 Qt高级——Qt自定义标题栏
  • 为什么说网络安全行业是IT行业最后的红利?
  • 【计算机是怎么跑起来的】基础:计算机三大原则
  • 前端架构师-week4-Node多进程开发入门
  • 《用于准确连续非侵入性血压监测的心跳内生物标志物》阅读笔记
  • 3分钟快速了解mysql数据导入到es
  • 【OMNET++】V2X仿真
  • 【Mac教学】如何打开macOS 的最大权限
  • 密码学【java语言】初探究
  • python面向对象三大特性详解 - 封装 继承 多态
  • 第四十八章 管理镜像 - 将备份降级为 DR 异步
  • Three.js--》模型材质与纹理的使用
  • 如何编写高质量代码