3.2 Monaco Editor

Monaco Editor可以說是Visual Studio Code最核心的組件了。Monaco Editor是一個基于瀏覽器的代碼編輯器，支持業界主流的瀏覽器：IE 11、Edge、Chrome、Firefox、Safari和Opera。它包含了一個編輯器所需要的眾多功能：智能提示、代碼驗證、語法高亮、代碼片段、代碼格式化、代碼跳轉、鍵盤快捷鍵、文件比較等。

Monaco Editor的歷史要比Visual Studio Code悠久許多。早在2011年，剛加入微軟的時候，Erich Gamma就開始帶領團隊開發基于瀏覽器的Monaco Editor了。隨后，Monaco Editor被廣泛應用在Azure DevOps（原為Visual Studio Team Services）、OneDrive、Office 365、Edge Dev Tools，以及其他微軟內部產品中。直到2015年，Visual Studio Code發布，Monaco Editor終于聲名遠播。

近些年來，我們可以看到許多非微軟的產品也開始用上了Monaco Editor。國內著名的代碼托管平臺Gitee（碼云）在2018年上線了一個基于瀏覽器的在線IDE（Gitee Web IDE），就是基于Monaco Editor而開發的。由CODING自主研發的Cloud Studio，算是國內老牌的在線IDE了，也從CodeMirror遷移到了Monaco Editor。我們再來看一看國外的情況。Eclipse下的Eclipse Che和Eclipse Theia這兩個在線開發環境，在最新的版本中，也使用了Monaco Editor。可見，Monaco Editor已經被業界越來越多的重要產品所認可。