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

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

3天内不再提示

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

BYXG_shengwang ? 来源:fqj ? 2019-05-09 14:44 ? 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

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

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

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

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

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

图:自动加载 cmake 项目

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

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

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

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

图:动态生成 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 也同样支持,欢迎大家在新环境中体验这款插件。

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

    关注

    1

    文章

    57

    浏览量

    4841

原文标题:用这个插件,帮你把 Web VS Code 变为 C/C++ IDE

文章出处:【微信号:shengwang-agora,微信公众号:声网Agora】欢迎添加关注!文章转载请注明出处。

收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

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

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

    VS Code for the Web中运行WebAssembly

    了 JavaScript 执行引擎。对于其他语言来说更难,因为我们必须能够执行(并因此调试)代码。例如,要在浏览器中运行 Python 源代码,就需要有可以运行 Python 解释器的执行引擎。这些语言运行时通常用 C/
    发表于 06-25 10:45 ?771次阅读

    使用MCUXpresso for VS Code插件开发Zephyr的hello world

    本期来到Zephyr实战经验演练,小编带着大家起使用MCUXpresso for VS Code插件来开发
    的头像 发表于 01-03 09:21 ?1308次阅读
    使用MCUXpresso for <b class='flag-5'>VS</b> <b class='flag-5'>Code</b><b class='flag-5'>插件</b>开发Zephyr的hello world

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

    用两周开发插件,能提升更多人的开发效率,这事还是挺划算的。
    的头像 发表于 05-09 14:46 ?4381次阅读
    用这个<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++
    的头像 发表于 10-26 09:25 ?8992次阅读

    C++ Web开发中轻量级、高性能的大利器

    (HTTP)开发 10 大利器 》,其中介绍了C/C++ Web 框架。有名为? Oa
    的头像 发表于 10-29 10:40 ?4289次阅读

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

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

    keil与vs code开发C51单片机

    code自动补全索引,还有部分语法检查,再加上keil的良好调试与编译功能;c51单片机开发会变得非常高效顺手。如下就是相关的配置步骤,注意vs code的添加h头文件依赖,以及部分
    发表于 11-13 19:36 ?8次下载
    keil与<b class='flag-5'>vs</b> <b class='flag-5'>code</b>开发<b class='flag-5'>C</b>51单片机

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

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

    使用VS Code开发Arduino

    之下用VS Code(Visual Studio Code)作为编辑器来说就好用多了。现在我们可以在VS Code中安装Arduino
    发表于 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

    都能通用该方式实现VS Code编译调试仿真。 1 预先需要安装iar for arm 9.30.1,然后通过RASC生成基于IAR的工程。 2 VS code扩展商城下载两
    的头像 发表于 01-16 13:20 ?3163次阅读

    codeblocks相比vs有什么优势

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

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

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

    eclipse安装web插件步骤

    Eclipse 是款功能强大的集成开发环境 (IDE),广泛用于 Java 开发和各种 Web 应用程序的开发。通过安装适当的插件,可以将 Eclipse 转
    的头像 发表于 12-06 13:48 ?1510次阅读