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

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

1. Visual Studio Code的安装

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

1.png

1.1 点击deb文件下载

2.png

点击文件夹的下载,在文件夹中右键在终端打开

3.png


1.2 安装VScode

然后输入



sudo dpkg -i code

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

4.png


最后回车

5.png


1.3 启动软件



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


1.4 添加收藏夹

这样方便下次快捷启动


6.png

2. 导入工作空间

2.1 熟悉Vscode基本界面

7.png

2.2 添加工作空间

点击菜单栏file,下面的add folder to workspace

8.png

在弹出菜单中从主目录选择对应带后缀ws工作空间下的src打开,点击左上角Add


9.png

下面就是导入成功

10.png


3. 安装简体中文语言

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


11.png

成功汉化


12.png

4. 安装ROS插件

对VScode扩充,添加一些ROS专用的菜单项,同时代码提示和拼写检查都会加入ROS的编程接口

在插件列表中搜索ROS,点击install,

13.png

会安装相关C++,python插件


14.png

5. 安装CMake插件

选择这.CMake的编译规则文件-CMakeLists.txt

可以看到里边的#号注释内容和有效指令内容都是一个颜色


15.png

在插件列表中搜索CMake,点击Tool 的install,

16.png


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

17.png



6. 安装括号颜色插件

目前最新版已经内置了,只需配置enable

在C语言不同层级的大括号成对的显示不同的颜色

18.png

7. 设置编译快捷键

我们同时按下Ctrl + Shift + B


19.png

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

20.png


编译完成后在这介终端里按任意键关闭这个窗口:

21.png


以后我们每次需要编译时,只需按Ctrl + Shift + B就可以快捷编译了

22.png

点击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

23.png

24.png


它直接使用。catkin.make,进行编译了


8. 设置拼写错误检查

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


25.png

看着代码上一堆的红色波浪线心情多少有点烦躁吧


直接删除c_cpp_properties

26.png

然后重新打开,查看代码没有问题

27.png

这也不是万能,因为总有些藏在特角奋尻的头文件ROS插件也搜索不到

最后的办法,直接忽视

28.png

按下Ctrl + Shift + P

29.png


搜索error Squiggles

30.png


选中第一个,直接忽视掉了

31.png

多了setting,现在设置为Disabled=关闭错误提示

32.png


如果需要改回来,就把这项的Disabled 改成Enabled

相关实践学习
Docker镜像管理快速入门
本教程将介绍如何使用Docker构建镜像,并通过阿里云镜像服务分发到ECS服务器,运行该镜像。
阿里云资源编排ROS使用教程
资源编排(Resource Orchestration)是一种简单易用的云计算资源管理和自动化运维服务。用户通过模板描述多个云计算资源的依赖关系、配置等,并自动完成所有资源的创建和配置,以达到自动化部署、运维等目的。编排模板同时也是一种标准化的资源和应用交付方式,并且可以随时编辑修改,使基础设施即代码(Infrastructure as Code)成为可能。 产品详情:https://www.aliyun.com/product/ros/
目录
相关文章
|
7月前
|
Ubuntu Java Python
ROS2通讯中间件安装与使用
本文记录主要ROS2的安装、如何JAVA和PYTHON对ROS2消息的订阅和发布。
|
5月前
Visual Studio Code开发常用的工具栏选项,查看源码技巧以及【vscode常用的快捷键】
Visual Studio Code开发常用的工具栏选项,查看源码技巧以及【vscode常用的快捷键】
258 0
|
2月前
[ROS2] --- ROS2安装
[ROS2] --- ROS2安装
54 0
|
6月前
|
API
使用 Visual Studio 开发 CS 的 BOF
使用 Visual Studio 开发 CS 的 BOF
|
3月前
|
前端开发 开发工具 C++
vscode ( Visual Studio Code )设置中文、字体和字号
vscode ( Visual Studio Code )设置中文、字体和字号
160 0
|
3月前
|
Ubuntu
ubuntu20.04 ros-noetic 安装
ubuntu20.04 ros-noetic 安装
62 0
|
6月前
|
开发框架 .NET 数据库
asp.net企业费用报销管理信息系统VS开发sqlserver数据库web结构c#编程Microsoft Visual Studio
asp.net 企业费用报销管理信息系统是一套完善的web设计管理系统,系统具有完整的源代码和数据库,系统主要采用B/S模式开发。开发环境为vs2010,数据库为sqlserver2008,使 用c#语言开发 应用技术:asp.net c#+sqlserver 开发工具:vs2010 +sqlserver
51 0
|
6月前
|
Java Android开发 C++
[笔记]Visual Studio 2015 开发安卓so库JNI层——回调调用
[笔记]Visual Studio 2015 开发安卓so库JNI层——回调调用
|
6月前
|
存储 缓存 JSON
用 Visual Studio Code 开发 Angular 应用自动生成的 .angular 文件夹
用 Visual Studio Code 开发 Angular 应用自动生成的 .angular 文件夹
32 0
|
6月前
|
JSON JavaScript 前端开发
在 Visual Studio Code 里如何设置让搜索忽略指定的文件夹
在 Visual Studio Code 里如何设置让搜索忽略指定的文件夹
199 0

推荐镜像

更多