一個插件把Web VS Code變?yōu)镃/C++ IDE

用兩周開發(fā)一個插件，能提升更多人的開發(fā)效率，這事還是挺劃算的。

程序員也分青銅和王者。青銅只專注于埋頭搬磚，王者致力于造輪子，為了更輕松地敲代碼...

每一個想成為王者的程序員，一定要熟練地使用工具來實現(xiàn)自己的想法，沒有工具，那就自己造，讓寫代碼如絲般順滑。

VS Code 開發(fā)中的那些障礙

“開源”、“比 Atom 快”、“比 Webstorm 輕量”，VS Code 對于很多人來講就是個優(yōu)質(zhì)的輕量編輯器。從去年開始，種種跡象標(biāo)明，微軟著名的 IDE Visual Studio 將被由它衍生而來的開源編輯器 Visual Studio Code 所取代。

然而在把 VS Code 作為 IDE 來使用的時候，尤其是作為 C/C++ IDE 來使用時肯定會遇到這些問題：

你需要在c_cpp_property.json中編寫配置

你需要在tasks.json中編寫 build 腳本

你還要在launch.json中編寫 Launch 腳本

Workspace 是以文件構(gòu)成的，而非項目

不像是在 Visual Studio 中，你不需要考慮以上這些問題，通過點擊幾個按鈕就可以完成 build、debug，Visual Studio 也會自動添加諸如 include、define 之類的配置。

這些問題，聲網(wǎng)的工程師在實際開發(fā)中也遇到過。這會在一定程度上影響開發(fā)效率，當(dāng)然更影響心情。追求完美的聲網(wǎng)程序員怎么能容忍這種不完美存在。鄭佳佳就默默寫了一個“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 腳本

每當(dāng)你選擇一個源文件時，都會自動更新c_cpp_property.json

可以在 project view 中執(zhí)行 build、rebuild、clean

圖：自動加載 cmake 項目

圖：在CMakeLists.txt 更新后重加載 CMake 項目

圖：動態(tài)生成 c_cpp_property.json, launch.json 和 tasks.json

圖：在 Project View 中執(zhí)行 Build、Rebuild、Clean 操作

CPP Solution Explorer 的背后

為了讓自己能夠用VS Code愉快的寫代碼，鄭佳佳默默開發(fā)了這個插件。他開發(fā)這個插件的目標(biāo)就是，用VScode擁有Visual Studio同級別的順滑體驗。

他從很多項目中汲取過靈感。比如付費 IDE 的 Clion。Clion 使用了 cmake 作為項目引擎，通過 cmake-GCodeBlock來生成 CodeBlock 項目文件，我們可以從中獲得需要的項目信息。 CPP Solution Explorer 支持在 *nix 系統(tǒng)和 Windows 系統(tǒng)下生成 CodeBlock 項目。而且，CPP Solution Explorer 是免費的。

另外，鄭佳佳也參考了插件 vscode-solution-explorer。這個插件對于.Net 開發(fā)者來講提供了很強大的支持。

寫在最后

目前這款插件已經(jīng)在 Visual Studio Marketplace 上架。大家可以免費獲取。同時，我們還在做一些準(zhǔn)備工作，計劃在近期將這個插件的代碼開源出來，上傳至我們的 Github 賬號 “Agora-IO”中。這個插件在公司內(nèi)VS Code用戶中迅速傳開了，非常成功的口碑傳播！現(xiàn)在我們把這個插件鄭重推薦給你！

在今年的微軟 Build 大會上，Visual Studio Code 已經(jīng)推出了 Web 版，支持開發(fā)者遠程訪問開發(fā)環(huán)境。CPP Solution Explorer 也同樣支持，歡迎大家在新環(huán)境中體驗這款插件。