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

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

3天内不再提示

用这个插件,帮你把 Web VS Code 变为 C/C++ IDE

BYXG_shengwang 来源:YXQ 2019-05-09 14:46 次阅读

用两周开发一个插件,能提升更多人的开发效率,这事还是挺划算的。

程序员也分青铜和王者。青铜只专注于埋头搬砖,王者致力于造轮子,为了更轻松地敲代码...

每一个想成为王者的程序员,一定要熟练地使用工具来实现自己的想法,没有工具,那就自己造,让写代码如丝般顺滑。

VS Code 开发中的那些障碍

“开源”、“比 Atom 快”、“比 Webstorm 轻量”,VS Code 对于很多人来讲就是个优质的轻量编辑器。从去年开始,种种迹象标明,微软著名的 IDE Visual Studio 将被由它衍生而来的开源编辑器 Visual Studio Code 所取代。

然而在把 VS Code 作为 IDE 来使用的时候,尤其是作为 C/C++ IDE 来使用时肯定会遇到这些问题:

你需要在c_cpp_property.json中编写配置

你需要在tasks.json中编写 build 脚本

你还要在launch.json中编写 Launch 脚本

Workspace 是以文件构成的,而非项目

不像是在 Visual Studio 中,你不需要考虑以上这些问题,通过点击几个按钮就可以完成 build、debug,Visual Studio 也会自动添加诸如 include、define 之类的配置。

这些问题,声网的工程师在实际开发中也遇到过。这会在一定程度上影响开发效率,当然更影响心情。追求完美的声网程序员怎么能容忍这种不完美存在。郑佳佳就默默写了一个“CPP Solution Explorer”插件来解决这些问题。同时,配合 CMake 和微软官方提供的 cpptools 插件,可以让 VS Code 成为一个轻量的 Visual Studio。

CPP Solution Explorer 能做什么呢?

CPP Solution Explorer 可帮你做这些:

在根文件夹下分析CMakeLists.txt

在CMakeLists.txt中加载项目,并按项目 struct 源文件

从 CMake 获取信息并生成c_cpp_property.json

自动生成 build、launch 脚本

每当你选择一个源文件时,都会自动更新c_cpp_property.json

可以在 project view 中执行 build、rebuild、clean

图:自动加载 cmake 项目

图:在CMakeLists.txt 更新后重加载 CMake 项目

图:动态生成 c_cpp_property.json, launch.json 和 tasks.json

图:在 Project View 中执行 Build、Rebuild、Clean 操作

CPP Solution Explorer 的背后

为了让自己能够用VS Code愉快的写代码,郑佳佳默默开发了这个插件。他开发这个插件的目标就是,用VScode拥有Visual Studio同级别的顺滑体验。

他从很多项目中汲取过灵感。比如付费 IDE 的 Clion。Clion 使用了 cmake 作为项目引擎,通过 cmake-GCodeBlock来生成 CodeBlock 项目文件,我们可以从中获得需要的项目信息。 CPP Solution Explorer 支持在 *nix 系统和 Windows 系统下生成 CodeBlock 项目。而且,CPP Solution Explorer 是免费的。

另外,郑佳佳也参考了插件 vscode-solution-explorer。这个插件对于.Net 开发者来讲提供了很强大的支持。

写在最后

目前这款插件已经在 Visual Studio Marketplace 上架。大家可以免费获取。同时,我们还在做一些准备工作,计划在近期将这个插件的代码开源出来,上传至我们的 Github 账号 “Agora-IO”中。这个插件在公司内VS Code用户中迅速传开了,非常成功的口碑传播!现在我们把这个插件郑重推荐给你!

在今年的微软 Build 大会上,Visual Studio Code 已经推出了 Web 版,支持开发者远程访问开发环境。CPP Solution Explorer 也同样支持,欢迎大家在新环境中体验这款插件。我们 Web 上见。

Q&A

Q:目前在哪里可以下载到 CPP Solution Explorer?

A:可以在 Visual Studio MarketPlace 中免费下载到,点击「阅读原文」即可访问 MarketPlace 页面。

Q:在该插件开源后,我们可以在哪里找到它?

A:我们会在近期开源,上传至 Github:https://github.com/AgoraIO

Q:在哪些系统平台上可以使用?

A:*nix、Windows、macOS

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

    关注

    22

    文章

    2104

    浏览量

    73484
  • 代码
    +关注

    关注

    30

    文章

    4742

    浏览量

    68333
收藏 人收藏

    评论

    相关推荐

    C++那些事之高效率开发C++/C

    目前开发C++/C的比较多的当属Vim、VS code、CLion。
    发表于 11-25 14:02 502次阅读

    VS Code for the Web中运行WebAssembly

    WebVS 代码 已经推出一段时间了,支持浏览器中的完整编辑/编译/调试周期一直是我们的目标。这对于 JavaScript 和 TypeScript 等语言来说相对容易,因为浏览器附带
    发表于 06-25 10:45 477次阅读

    【乐鑫ESP32-C3 RISC-V处理器IoT开发板试用体验】二. 使用IDE来开发ESP32-C3

    。使用PlatformIO开发(失败)PlatformIO是IoT开发神器,支持众多开发板,ESP32之类的这个很无脑。 安装vs-code的PlatformIO插件,找到ESP32
    发表于 08-10 16:50

    VS Code中通过PlatformIO插件开发STM32

      其实使用Arduino框架开发STM32并不新鲜,但以前大部分人是Arduino IDE开发的,本文介绍一下在VS Code中,通过PlatformIO
    发表于 12-06 06:09

    一个插件Web VS Code变为C/C++ IDE

    从去年开始,种种迹象标明,微软著名的 IDE Visual Studio 将被由它衍生而来的开源编辑器 Visual Studio Code 所取代。
    的头像 发表于 05-09 14:44 2402次阅读
    一个<b class='flag-5'>插件</b><b class='flag-5'>把</b><b class='flag-5'>Web</b> <b class='flag-5'>VS</b> <b class='flag-5'>Code</b><b class='flag-5'>变为</b><b class='flag-5'>C</b>/<b class='flag-5'>C++</b> <b class='flag-5'>IDE</b>

    Dev C++ IDE的应用程序免费下载

    本文档的主要内容详细介绍的是Dev C++ IDE的应用程序免费下载。
    发表于 10-17 08:00 17次下载
    Dev <b class='flag-5'>C++</b> <b class='flag-5'>IDE</b>的应用程序免费下载

    C++ Web相关的框架整理

    众所周知,C++ 并不是一种流行的 Web 开发语言,究其原因有很多:语言门槛高、使用难度大、开发效率低 。 话虽如此,但随着 Emscripten 的成熟,未来 C++Web
    的头像 发表于 10-26 09:25 8395次阅读

    我使用vs code编程单片机方法

    我还是keil。1、vs code准备设置添加代码"C_Cpp.default.includePath": [ "C:/Ke
    发表于 11-13 13:21 14次下载
    我使用<b class='flag-5'>vs</b> <b class='flag-5'>code</b>编程单片机方法

    如何用VS Code写keil51和32工程并编译 小白教程

    如何用VS Code写keil51和32工程并编译 小白教程打开VS Code 在扩展中搜索三个插件C
    发表于 12-03 20:51 10次下载
    如何用<b class='flag-5'>VS</b> <b class='flag-5'>Code</b>写keil51和32工程并编译 小白教程

    vs code 调试STM32

    本次环境搭建主要参考如下文档或博客使用VSCode和VS2017编译调试STM32程序VS Code 搭建stm32开发环境STM32高级开发(18)-使用VS
    发表于 12-06 09:36 19次下载
    <b class='flag-5'>vs</b> <b class='flag-5'>code</b> 调试STM32

    使用VS Code开发Arduino

    之下VS Code(Visual Studio Code)作为编辑器来说就好用多了。现在我们可以在VS
    发表于 12-14 18:49 3次下载
    使用<b class='flag-5'>VS</b> <b class='flag-5'>Code</b>开发Arduino

    基于IAR for arm9.30.1在VS Code调试仿真RA

    开发环境 IDE:IAR for arm9.30.1 +VS Code 仿真器:J-Link V9 芯片型号:R7FA2L1AB2DFM 本文档是基于芯片R7FA2L1AB2DFM,理论所有ARM
    的头像 发表于 01-16 13:20 2479次阅读

    Rust重写的LSP:KCL IDE 插件的功能介绍与设计解析

    在这次更新中,我们发布了全新的 KCL VS Code 插件,并且 Rust 重写了 LSP 的 Server 端。我们提供了 IDE
    的头像 发表于 05-11 09:39 939次阅读
    Rust重写的LSP:KCL <b class='flag-5'>IDE</b> <b class='flag-5'>插件</b>的功能介绍与设计解析

    codeblocks相比vs有什么优势

    的优势。在本文中,我们将详细讨论Code::Blocks相比VS的优势,并提供最少1500字的详尽、详实和细致信息。 Code::Blocks是一个自由开源的C++
    的头像 发表于 11-26 09:52 2956次阅读

    开箱即用!教你如何正确使用华为云CodeArts IDE for C/C++

    华为云CodeArts IDE 定位华为云开发者桌面 ,是华为云面向开发者提供的一款智能化桌面集成开发环境。CodeArts IDE for C/C++集成了华为自研的
    的头像 发表于 11-29 17:40 750次阅读
    开箱即用!教你如何正确使用华为云CodeArts <b class='flag-5'>IDE</b> for <b class='flag-5'>C</b>/<b class='flag-5'>C++</b>!