0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

Visual Studio Code的安装和使用

冬至子 来源:嵌入式之入坑笔记 作者:嵌入式之入坑笔记 2023-05-20 15:47 次阅读

Visual Stuio Code微软出的一款免费编辑器。目前 Visual Stuio Code 有 Windows、Linux 和 macOS 三种版本的,属于跨平台的编辑器。它功能强大,支持插件工具安装,对于写代码、阅读代码的人来说是非常方便的。

因为经常使用 Visual Stuio Code 的缘故,每次打开新的代码的时候,就总是需要创建 Visual Stuio Code 的Project,然后加载代码到新建的 Project中,每隔一段时间再次使用时,总是忘记许多的细节,所以想着干脆就直接记录下来,做个备忘!

1、安装 Visual Stuio Code

Visual Stuio Code 的下载地址如下

具体要安装哪个,自己根据需要选择,如下图:

图片

以安装 Windows 版本的为例,双击下载好的 .exe 安装包,接下来的安装过程都是选择“下一步”即可,直到安装完毕。安装完毕之后会出现如下的图标:

图片

双击图标打开之后的界面如下:

图片

注意:我这里显示的是中文,是因为我之前在安装好之后已经汉化了!

2、安装 Visual Studio Code 插件

Visual Studio Code 支持插件的安装,编辑器里面也可以搜索安装插件,非常丰富。搜索方法如下:

图片

想要什么插件直接搜索,搜索到了直接安装,搜索框下方显示的就是已经安装好的插件。

一些很有用的插件建议都要安装,如下:

1)C/C++
2)C/C++ SnippetsC/C++重用代码块。
3)C/C++ Advanced Lint, C/C++静态检测4)Code Runner,代码运行。
5)Include AutoComplete,自动头文件包含。
6)Rainbow Brackets,彩虹花括号,有助于阅读代码。
7)One Dark ProVisual Studio Code的主题。
8)GBKtoUTF8,将 GBK 转换为 UTF89)ARM,支持 ARM 汇编语法高亮显示。
10)Chinese(Simplified),中文环境。
11)vscode-iconsVSCode 图标插件,主要是资源管理器下各个文件夹的图标。
12)compareit,比较插件,可以用于比较两个文件的差异。
13)DeviceTree,设备树语法插件。
14)TabNineAI 自动补全插件。

插件安装好以后,可以查询安装,如下图:

图片

3、新建 Visual Studio Code 工程

如果你打算使用 Visual Studio Code 编写代码或者阅读代码,那么需要先新建一个 Visual Studio Code 的工程,然后将你的代码文件添加到工程里面来,就可以使用 Visual Studio Code 进行编写和查看代码了。

(1)新建一个文件夹,用于保存工程文件(尽量不要有中文路径!!!)。比如我下面这样的:

图片

(2)打开 Visual Studio Code ,然后在 Visual Studio Code 上点击 文件 -> 打开文件夹 ,如下图:

图片

打开文件夹之后如下所示:

图片

(3)选择 文件 -> 将工作区另存为..,输入要保存的工作区路径和工作区名字,如下:

图片

保存之后,在原本打开的文件夹中可以看到出现了一个工作台文件,如下:

图片

(4)工作台建立完成之后,就可以将文件拷贝到工作区的文件夹里面,如下:

图片

文件拷贝成功以后,从 Visual Studio Code 上就可以看到被加进来的文件,如下:

图片

到此,已经可以使用 Visual Studio Code 编辑和查看代码了。

4、Visual Studio Code的使用

有关Visual Studio Code 的使用,每个人的使用习惯各有不同,网上找找也有一大堆的各种骚操作,大家可以参考参考。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • ARM芯片
    +关注

    关注

    1

    文章

    122

    浏览量

    21258
  • Visual
    +关注

    关注

    0

    文章

    252

    浏览量

    34012
  • 编辑器
    +关注

    关注

    1

    文章

    788

    浏览量

    30196
收藏 人收藏

    评论

    相关推荐

    Harmony OS 开发避坑指南——DevEco Device Tool 安装配置

    、编译等工作DevEco Device Tool以Visual Studio Code插件方式提供,安装分为如下几步:安装
    发表于 11-04 11:49

    【HarmonyOS HiSpark AI Camera试用连载 】第二篇:从零搭建AIC开发环境

    Code安装Node.js安装JDK安装hpm安装DevEco Device Tool插件安装
    发表于 11-04 21:34

    【HarmonyOS HiSpark Wi-Fi IoT 套件试用连载】-2-华为鸿蒙OS之一站式集成开发环境搭建(windows版本)

    安装Visual Studio Code 安装Node.js 安装JDK
    发表于 11-13 09:24

    【HarmonyOS HiSpark Wi-Fi IoT 套件】华为鸿蒙OS之一站式集成开发环境搭建(windows版本)

    安装Visual Studio Code安装Node.js安装JDK
    发表于 11-13 19:59

    Harmony_IOT Visual_Code环境搭建介绍

    首先十分感觉电子发烧友让我找到不少坑的解决办法。DevEco Device Tool以插件方式提供,基于Visual Studio Code进行扩展,安装分为如下几步:
    发表于 11-14 10:19

    OpenHarmony 设备开发工具简介

    Device Tool以插件方式提供,基于Visual Studio Code进行扩展,安装分为如下几步:安装
    发表于 06-08 10:12

    Visual Studio Code下载安装

    目录需要用到的工具软件安装下载安装 Visual Studio Code下载安装 STM32Cubemx下载
    发表于 07-16 07:26

    【合宙Air820开发板试用体验】之开箱,邂逅如此美丽

    相当丰富完整:~使用Visual Studio Code安装插件,搭建好开发环境:~最后来两张实物图片:准备工作已做好,马上就要开始一段神奇有趣的旅程了!!!
    发表于 12-22 22:22

    如何安装visual studio code

    目录一 安装visual studio code(简称vscode)二 vscode新建工作空间三 添加头文件搜索路径四 添加宏定义五 按F12或者"Ctrl+单击"可快速定位到
    发表于 12-24 06:06

    3568开发板ubuntu环境下安装Visual Studio Code

    :sudo dpkg -i code_1.59.1-1629375198_amd64.deb如下图所示:安装完以后就可以通过搜索找到,如下图所示:双击打开即可。打开之后如下图所示:至此我们在 ubuntu 环境下的 visual
    发表于 01-09 15:20

    3568开发板ubuntu环境下安装Visual Studio Code

    :sudo dpkg -i code_1.59.1-1629375198_amd64.deb如下图所示:安装完以后就可以通过搜索找到,如下图所示:双击打开即可。打开之后如下图所示:至此我们在 ubuntu 环境下的 visual
    发表于 01-31 11:04

    ESP-IDF Extension for Visual Studio Code安装错误的原因?如何解决?

    提示"C:\Users\z\.espressif\tools\idf-python\python.exe -m pip" is not valid. (ERROR_INVALID_PIP)更完整的提示:Command failed: "C:\Users\z\.espressif\tools\idf-python\python.exe" -m pip --versionTraceback (most recent call last):File "runpy.py", line 194, in _run_module_as_mainFile "runpy.py", line 87, in _run_codeFile "C:\Users\z\.espressif\tools\idf-python\lib\site-packages\pip\__main__.py", line 23, in from pip._internal.cli.main import main as _main# isort:skip # noqaFile "C:\Users\z\.espressif\tools\idf-python\lib\site-packages\pip\_internal\cli\main.py", line 10, in from pip._internal.cli.autocompletion import autocompleteFile "C:\Users\z\.espressif\tools\idf-python\lib\site-packages\pip\_internal\cli\autocompletion.py", line 9, in from pip._internal.cli.main_parser import create_main_parserFile "C:\Users\z\.espressif\tools\idf-python\lib\site-packages\pip\_internal\cli\main_parser.py", line 7, in from pip._internal.cli import cmdoptionsFile "C:\Users\z\.espressif\tools\idf-python\lib\site-packages\pip\_internal\cli\cmdoptions.py", line 25, in from pip._internal.cli.progress_bars import BAR_TYPESFile "C:\Users\z\.espressif\tools\idf-python\lib\site-packages\pip\_internal\cli\progress_bars.py", line 12, in from pip._internal.utils.logging import get_indentationFile "C:\Users\z\.espressif\tools\idf-python\lib\site-packages\pip\_internal\utils\logging.py", line 9, in import logging.handlersFile "logging\handlers.py", line 26, in File "socket.py", line 49, in ImportError: DLL load failed while importing _socket: ��������[attachment=0]无标题.png[/attachment]
    发表于 02-20 06:41

    Visual Studio Code的真正开源替代品来了

    极为相似。更重要的是,Theia原生支持Visual Studio Code扩展协议,也就是说我们可以在Theia上安装和重用Visual
    的头像 发表于 12-30 09:57 4152次阅读

    "Linux下使用VSCode,GCC,OpenOCD实现STM32一键编译烧录调试(STM32CubeMX篇)"

    Linux下使用VSCode开发STM32开发工具安装Visual Studio Code与插件STM32CubeMXOpenOCD烧录工具gcc-arm-none-eabi编译器
    发表于 12-06 09:36 7次下载
    "Linux下使用VSCode,GCC,OpenOCD实现STM32一键编译烧录调试(STM32CubeMX篇)"

    Visual Studio Code - 如何在Visual Studio Code(VS Code)中构建和调试RL78项目

    本视频演示如何在Visual Studio Code(VS Code)中构建和调试LLVM for Renesas RL78项目。 000 介绍051 构建024 调试 原文标题:
    的头像 发表于 08-14 12:05 549次阅读