RM新时代网站-首页

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

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

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

Visual Studio Code的安裝和使用

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

Visual Stuio Code微軟出的一款免費(fèi)編輯器。目前 Visual Stuio Code 有 Windows、Linux 和 macOS 三種版本的,屬于跨平臺(tái)的編輯器。它功能強(qiáng)大,支持插件工具安裝,對(duì)于寫(xiě)代碼、閱讀代碼的人來(lái)說(shuō)是非常方便的。

因?yàn)榻?jīng)常使用 Visual Stuio Code 的緣故,每次打開(kāi)新的代碼的時(shí)候,就總是需要?jiǎng)?chuàng)建 Visual Stuio Code 的Project,然后加載代碼到新建的 Project中,每隔一段時(shí)間再次使用時(shí),總是忘記許多的細(xì)節(jié),所以想著干脆就直接記錄下來(lái),做個(gè)備忘!

1、安裝 Visual Stuio Code

Visual Stuio Code 的下載地址如下

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

圖片

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

圖片

雙擊圖標(biāo)打開(kāi)之后的界面如下:

圖片

注意:我這里顯示的是中文,是因?yàn)槲抑霸诎惭b好之后已經(jīng)漢化了!

2、安裝 Visual Studio Code 插件

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

圖片

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

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

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

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

圖片

3、新建 Visual Studio Code 工程

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

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

圖片

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

圖片

打開(kāi)文件夾之后如下所示:

圖片

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

圖片

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

圖片

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

圖片

文件拷貝成功以后,從 Visual Studio Code 上就可以看到被加進(jìn)來(lái)的文件,如下:

圖片

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

4、Visual Studio Code的使用

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

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

    關(guān)注

    1

    文章

    125

    瀏覽量

    21466
  • Visual
    +關(guān)注

    關(guān)注

    0

    文章

    252

    瀏覽量

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

    關(guān)注

    1

    文章

    805

    瀏覽量

    31163
收藏 人收藏

    評(píng)論

    相關(guān)推薦

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

    , 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之一站式集成開(kāi)發(fā)環(huán)境搭建(windows版本)

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

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

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

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

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

    OpenHarmony 設(shè)備開(kāi)發(fā)工具簡(jiǎn)介

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

    Visual Studio Code下載安裝

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

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

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

    如何安裝visual studio code

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

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

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

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

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

    ESP-IDF Extension for Visual Studio Code安裝錯(cuò)誤的原因?如何解決?

    提示"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]無(wú)標(biāo)題.png[/attachment]
    發(fā)表于 02-20 06:41

    Visual Studio Code 軟件免費(fèi)下載

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

    Visual Studio Code的真正開(kāi)源替代品來(lái)了

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

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

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

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

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