0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

Visual Studio Code的安裝和使用

冬至子 ? 來源:嵌入式之入坑筆記 ? 作者:嵌入式之入坑筆記 ? 2023-05-20 15:47 ? 次閱讀

Visual Stuio Code微軟出的一款免費編輯器。目前 Visual Stuio Code 有 Windows、Linux 和 macOS 三種版本的,屬于跨平臺的編輯器。它功能強大,支持插件工具安裝,對于寫代碼、閱讀代碼的人來說是非常方便的。

因為經(jīng)常使用 Visual Stuio Code 的緣故,每次打開新的代碼的時候,就總是需要創(chuàng)建 Visual Stuio Code 的Project,然后加載代碼到新建的 Project中,每隔一段時間再次使用時,總是忘記許多的細節(jié),所以想著干脆就直接記錄下來,做個備忘!

1、安裝 Visual Stuio Code

Visual Stuio Code 的下載地址如下

具體要安裝哪個,自己根據(jù)需要選擇,如下圖:

圖片

以安裝 Windows 版本的為例,雙擊下載好的 .exe 安裝包,接下來的安裝過程都是選擇“下一步”即可,直到安裝完畢。安裝完畢之后會出現(xiàn)如下的圖標:

圖片

雙擊圖標打開之后的界面如下:

圖片

注意:我這里顯示的是中文,是因為我之前在安裝好之后已經(jīng)漢化了!

2、安裝 Visual Studio Code 插件

Visual Studio Code 支持插件的安裝,編輯器里面也可以搜索安裝插件,非常豐富。搜索方法如下:

圖片

想要什么插件直接搜索,搜索到了直接安裝,搜索框下方顯示的就是已經(jīng)安裝好的插件。

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

1)、C/C++
2)、C/C++ Snippets, C/C++重用代碼塊。
3)、C/C++ Advanced Lint, C/C++靜態(tài)檢測 。
4)、Code Runner,代碼運行。
5)、Include AutoComplete,自動頭文件包含。
6)Rainbow Brackets,彩虹花括號,有助于閱讀代碼。
7)One Dark Pro,Visual Studio Code的主題。
8)、GBKtoUTF8,將 GBK 轉(zhuǎn)換為 UTF8。
9)ARM,支持 ARM 匯編語法高亮顯示。
10)、Chinese(Simplified),中文環(huán)境。
11)、vscode-iconsVSCode 圖標插件,主要是資源管理器下各個文件夾的圖標。
12)、compareit,比較插件,可以用于比較兩個文件的差異。
13)、DeviceTree,設(shè)備樹語法插件。
14)、TabNineAI 自動補全插件。

插件安裝好以后,可以查詢安裝,如下圖:

圖片

3、新建 Visual Studio Code 工程

如果你打算使用 Visual Studio Code 編寫代碼或者閱讀代碼,那么需要先新建一個 Visual Studio Code 的工程,然后將你的代碼文件添加到工程里面來,就可以使用 Visual Studio Code 進行編寫和查看代碼了。

(1)新建一個文件夾,用于保存工程文件(盡量不要有中文路徑?。。。?。比如我下面這樣的:

圖片

(2)打開 Visual Studio Code ,然后在 Visual Studio Code 上點擊 文件 -> 打開文件夾 ,如下圖:

圖片

打開文件夾之后如下所示:

圖片

(3)選擇 文件 -> 將工作區(qū)另存為..,輸入要保存的工作區(qū)路徑和工作區(qū)名字,如下:

圖片

保存之后,在原本打開的文件夾中可以看到出現(xiàn)了一個工作臺文件,如下:

圖片

(4)工作臺建立完成之后,就可以將文件拷貝到工作區(qū)的文件夾里面,如下:

圖片

文件拷貝成功以后,從 Visual Studio Code 上就可以看到被加進來的文件,如下:

圖片

到此,已經(jīng)可以使用 Visual Studio Code 編輯和查看代碼了。

4、Visual Studio Code的使用

有關(guān)Visual Studio Code 的使用,每個人的使用習慣各有不同,網(wǎng)上找找也有一大堆的各種騷操作,大家可以參考參考。

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • ARM芯片
    +關(guān)注

    關(guān)注

    1

    文章

    125

    瀏覽量

    21345
  • Visual
    +關(guān)注

    關(guān)注

    0

    文章

    252

    瀏覽量

    34159
  • 編輯器
    +關(guān)注

    關(guān)注

    1

    文章

    797

    瀏覽量

    30924
收藏 人收藏

    評論

    相關(guān)推薦

    ESP-IDF Extension for Visual Studio Code安裝錯誤怎么解決?

    , in _run_module_as_main File "runpy.py", line 87, in _run_code File "C
    發(fā)表于 06-07 07:10

    【HarmonyOS HiSpark Wi-Fi IoT 套件試用連載】-2-華為鴻蒙OS之一站式集成開發(fā)環(huán)境搭建(windows版本)

    安裝Visual Studio Code 安裝Node.js 安裝JDK
    發(fā)表于 11-13 09:24

    【HarmonyOS HiSpark Wi-Fi IoT 套件】華為鴻蒙OS之一站式集成開發(fā)環(huán)境搭建(windows版本)

    安裝Visual Studio Code安裝Node.js安裝JDK
    發(fā)表于 11-13 19:59

    Harmony_IOT Visual_Code環(huán)境搭建介紹

    首先十分感覺電子發(fā)燒友讓我找到不少坑的解決辦法。DevEco Device Tool以插件方式提供,基于Visual Studio Code進行擴展,安裝分為如下幾步:
    發(fā)表于 11-14 10:19

    OpenHarmony 設(shè)備開發(fā)工具簡介

    Device Tool以插件方式提供,基于Visual Studio Code進行擴展,安裝分為如下幾步:安裝
    發(fā)表于 06-08 10:12

    Visual Studio Code下載安裝

    目錄需要用到的工具軟件安裝下載安裝 Visual Studio Code下載安裝 STM32Cubemx下載
    發(fā)表于 07-16 07:26

    【合宙Air820開發(fā)板試用體驗】之開箱,邂逅如此美麗

    相當豐富完整:~使用Visual Studio Code安裝插件,搭建好開發(fā)環(huán)境:~最后來兩張實物圖片:準備工作已做好,馬上就要開始一段神奇有趣的旅程了!?。?/div>
    發(fā)表于 12-22 22:22

    如何安裝visual studio code

    目錄一 安裝visual studio code(簡稱vscode)二 vscode新建工作空間三 添加頭文件搜索路徑四 添加宏定義五 按F12或者"Ctrl+單擊"可快速定位到
    發(fā)表于 12-24 06:06

    3568開發(fā)板ubuntu環(huán)境下安裝Visual Studio Code

    :sudo dpkg -i code_1.59.1-1629375198_amd64.deb如下圖所示:安裝完以后就可以通過搜索找到,如下圖所示:雙擊打開即可。打開之后如下圖所示:至此我們在 ubuntu 環(huán)境下的 visual
    發(fā)表于 01-09 15:20

    3568開發(fā)板ubuntu環(huán)境下安裝Visual Studio Code

    :sudo dpkg -i code_1.59.1-1629375198_amd64.deb如下圖所示:安裝完以后就可以通過搜索找到,如下圖所示:雙擊打開即可。打開之后如下圖所示:至此我們在 ubuntu 環(huán)境下的 visual
    發(fā)表于 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]
    發(fā)表于 02-20 06:41

    Visual Studio Code 軟件免費下載

    本文檔的主要內(nèi)容是Visual Studio Code 軟件免費下載 重新定義了編輯。免費、開源并可在任何位置運行。
    發(fā)表于 07-13 15:05 ?117次下載

    Visual Studio Code的真正開源替代品來了

    極為相似。更重要的是,Theia原生支持Visual Studio Code擴展協(xié)議,也就是說我們可以在Theia上安裝和重用Visual
    的頭像 發(fā)表于 12-30 09:57 ?4422次閱讀

    "Linux下使用VSCode,GCC,OpenOCD實現(xiàn)STM32一鍵編譯燒錄調(diào)試(STM32CubeMX篇)"

    Linux下使用VSCode開發(fā)STM32開發(fā)工具安裝Visual Studio Code與插件STM32CubeMXOpenOCD燒錄工具gcc-arm-none-eabi編譯器
    發(fā)表于 12-06 09:36 ?7次下載
    "Linux下使用VSCode,GCC,OpenOCD實現(xiàn)STM32一鍵編譯燒錄調(diào)試(STM32CubeMX篇)"

    Visual Studio Code - 如何在Visual Studio Code(VS Code)中構(gòu)建和調(diào)試RL78項目

    本視頻演示如何在Visual Studio Code(VS Code)中構(gòu)建和調(diào)試LLVM for Renesas RL78項目。 000 介紹051 構(gòu)建024 調(diào)試 原文標題:
    的頭像 發(fā)表于 08-14 12:05 ?791次閱讀