素材巴巴 > 程序开发 >

VScode配置Arduino开发环境(保姆级教程,包括图形化编程,DEBUG信息消除,字体乱码的解决办法)

程序开发 2023-09-13 17:57:39

VScode配置Arduino开发环境

  • 一些小问题的处理
  • arduino、VScode的安装

    首先我们需要下载arduino的编译器
    这里就直接建议在Arduino中文社区下载就行了,速度比官网快太多了
    Arduino下载链接:https://www.arduino.cn/thread-5838-1-1.html
    Arduino中文社区:https://www.arduino.cn/
    关于下载安装就不花篇幅介绍了

    关于VScode,微软官方下载即可,速度还行
    VScode官网:https://code.visualstudio.com/
    同样,这里也就不花篇幅介绍

    Path路径的配置

    在这里插入图片描述
    在这里插入图片描述

    我们直接在windows搜索 环境变量 就行了

    然后你会看到下面这个界面,点击环境变量
    在这里插入图片描述

    双击用户变量那里的Path

    在这里插入图片描述

    然后点击新建,将你自己的Arduino安装路径填入(我这里是F:softArduino)

    在这里插入图片描述

    一路确定点出来

    为了验证你的Path是否正确,你可以按Win+R键调出命令窗口,然后输入Arduino,观察是否会唤出Arduino的IDE

    如果能够唤出IDE,说明配置正确,否者检查你的配置

    vscode环境的配置

    首先打开你的VScode,为了使其能够应对Arduino的开发,我们需要对其安装插件

    安装方式如图 (这里我已经安装过了,所以插件界面会有一个禁用和卸载,如果你没有安装过,那里就会正常显示安装)

    在这里插入图片描述

    然后我们需要对插件进行一些设置

    这里我们分为两类人群讲解

    一类是仅仅使用VScode来对Arduino进行开发

    另一类是除Arduino外,还有其他程序的开发需要

    仅对Arduino进行开发

    在这里插入图片描述

    我们首先点开设置,然后点击右上角图标,转到代码界面

    在这里插入图片描述

    然后输入以下内容:

    {"arduino.path": "C:\Program Files (x86)\Arduino",	//注意,这里填入你自己Arduino安装路径,也就是前面配置的Path路径"C_Cpp.intelliSenseEngine": "Tag Parser","editor.insertSpaces": true,"files.autoGuessEncoding": true,"arduino.logLevel": "info","explorer.confirmDelete": false,"editor.detectIndentation": false,
     }
     

    Ctrl+s保存

    至此,配置已经完成,你可以愉快的开发了

    随后就是建立工作区,创建ino文件,选着开发板、端口后,就可以点击右上角的下载(烧录)按钮了

    在这里插入图片描述

    在这里插入图片描述

    多种任务共用VScode进行开发(推荐这样配置)

    这个时候,如果还是像上面一样将每种任务的设置都写入用户.json 中,那么就有可能出现各种问题,比如在编辑C++的时候弹出Arduino的补全,明显,这不是我们希望看到的结果

    于是,我们可以将这些配置文件 (settings.json)写进我们的工作区,这样它们就互不干扰了(你总不想在C++里面写set的时候,Intellisense冒出一堆Arduino的Serial吧)

    配置方法很简单,我们只需要将刚刚我们配置在用户json里面的定西删掉,然后将其配置在和你工作区同目录下的 .vscode 文件夹的 settings.json里面就可以了

    在这里插入图片描述 在这里插入图片描述

    然后你会惊讶的发现,有的命令颜色比其他命令颜色淡上一圈

    这是因为这些命令是只能在全局才能生效的,我们只需要将这些全局命令剪切到用户.json里面即可

    注意:这种方法不仅针对Arduino,对于其他同理,比如我自己配置的Python和C++

    稍加修改,我们得这样的工作区和全局配置文件(左边为工作区,右边为全局,也就是用户配置):

    在这里插入图片描述

    可以看到,我还配置了C++和Python
    在用户设置里面的全局设置是对所有工作区都生效的

    我这里从上到下依次为

    字体

    侧边栏显示位置

    字号

    工作区颜色主题(One Dark Pro很好看的,建议下一个)

    删除文件时是否打开资源管理器询问

    至此,配置也就告一段落

    一些小问题的处理

    关于Vscode自己创建的一些文件

    运行后,VScode会在当前工作区的.vscode文件下创建Arduino.json和c_cpp_properties.json两个文件,这是必要的设置文件,不必在意,即使删掉也会自动重建

    Arduino添加第三方开发板

    在Arduino软件中,按照以下顺序点开开发版管理器

    添加第三方开发板,文件->首选项->附加开发板

    在这里插入图片描述

    然后可以在浏览器中查看对应第三方开发版的网址,将其复制进入附加网址那个白框就行,注意一行一个

    关于编译时出现一大堆DEBUG和TRACE

    在这里插入图片描述

    这个可以说非常操蛋的体验了,烧录信息刚好被这一堆乱七八糟的东西夹在中间

    处理方法非常简单

    进入Arduino的安装目录,你会看到两个ini文件arduino.l4j.iniarduino_debug.l4j.ini

    用文档编辑器打开这两个文件,在其后面加上一句 -DDEBUG=false ,然后保存退出即可解决问题

    在这里插入图片描述

    关于编译时中文显示乱码的问题

    在这里插入图片描述

    这个是Arduino插件的问题

    我们需要进入 C:Users这里是你当前的用户.vscodeextensionsvsciot-vscode.vscode-arduino-0.3.4outsrccommon

    上面是0.3.4旧版本arduino插件修改方法,其会随着版本的更新而替换文件,所以每次版本更新后需要重新操作一次
    目前arduino插件最新版本为0.3.5,问题依旧,解决办法也依旧注释这一段就行

    这个文件夹,找到下面的一个 util.js 文件,用文档编辑器打开,在第215行找到这么一段代码,并将它注释掉

    在这里插入图片描述

    在这里插入图片描述

    然后重启VScode,可以看到,乱码就没有了

    Arduino添加可视化编程

    这个就和vscode没有多大关系了

    首先,我们要下载一个插件Ardublock(这里就放官网了,如果觉得下载不方便,可以 百度Ardublock)

    然后我们会得到一个 .jar 文件

    然后将这个 .jar文件放到 C:Users26361DocumentsArduinotoolsArduBlockToolTool目录下如果中间少了文件夹,自己创建一个对应的即可

    然后打开Arduino,你就可以在Arduino的工具菜单下看到Ardublock了

    在这里插入图片描述

    单击即可进入

    不过那个程序员不想直接通过代码来实现呢,不但节省时间 (还非常装逼)
    况且这个项目已经废弃有一段时间了,个人建议由代码基础的还是写代码比较好


    标签:

    素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。