作為Eclipse開(kāi)發(fā)人員，您是否找到了缺少，過(guò)時(shí)或僅是普通MIA的最喜歡的框架的支持？您是否羨慕VS Code支持新技術(shù)的驚人速度？如果答案是肯定的，那么Eclipse的CodeMix插件正是您所需要的。

該CodeMix插件帶來(lái)的核心VS代碼技術(shù)的Eclipse。這使得大部分代碼開(kāi)源軟件擴(kuò)展在Eclipse中工作過(guò)，和我們談?wù)撨^(guò)七一千這里擴(kuò)展。這些擴(kuò)展涵蓋了開(kāi)發(fā)人員的各種需求，從對(duì)您喜歡的Web框架的高級(jí)支持到使日常編碼高效的便捷工具。

這很棒，因?yàn)槟梢岳^續(xù)使用Eclipse的強(qiáng)大企業(yè)工具集-Java，Spring，Maven等，并可以使用VS Code帶來(lái)的所有出色技術(shù)和功能。

CodeMix功能

借助IntelliSense的強(qiáng)大編輯器

開(kāi)箱即用，CodeMix的編輯器提供對(duì)多種語(yǔ)言的基本支持-從Rust到TypeScript，您將獲得語(yǔ)法高亮顯示和自動(dòng)補(bǔ)全功能。如果您需要更強(qiáng)大的支持，則可以安裝擴(kuò)展程序-稍后再介紹。

IntelliSense會(huì)在您鍵入內(nèi)容時(shí)提供內(nèi)容輔助建議，以及基于代碼的項(xiàng)目范圍分析的建議。您還將獲得可用的文檔，以及鍵入?yún)?shù)時(shí)的參數(shù)提示。該項(xiàng)目模型還提供了驗(yàn)證，快速修復(fù)和重構(gòu)功能。

如果您想節(jié)省輸入時(shí)間，則幾乎每種語(yǔ)言和框架都可以使用參數(shù)化的代碼段。Emmet對(duì)智能縮寫(xiě)擴(kuò)展的集成支持也非常有用。

帶命令的鍵盤(pán)電源

當(dāng)您全神貫注于代碼時(shí)，伸手去拿鼠標(biāo)是不必要的干擾– CodeMix中的命令面板功能強(qiáng)大，您可以使用它在文件之間或文件中跳轉(zhuǎn)，重構(gòu)代碼，啟動(dòng)構(gòu)建甚至調(diào)試會(huì)話(huà)。安裝了CodeMix后，按Ctrl / Cmd + Shift + P調(diào)出調(diào)色板，然后開(kāi)始鍵入內(nèi)容，自己看看它能做什么。

調(diào)試

CodeMix增加了在您已經(jīng)熟悉的Eclipse調(diào)試框架和UI中調(diào)試多種語(yǔ)言的功能。

一個(gè)示例是對(duì)Chrome調(diào)試器協(xié)議的支持，因此您可以調(diào)試在Chrome上運(yùn)行的Web應(yīng)用程序-它包括源地圖支持，因此即使您的代碼是用TypeScript編寫(xiě)的，也可以繼續(xù)進(jìn)行。

調(diào)試控制臺(tái)特別有用，您可以在項(xiàng)目運(yùn)行時(shí)使用它檢查和修改值。

擴(kuò)展與共存

如前所述，有數(shù)千種擴(kuò)展可供您選擇，其中一些提供對(duì)不同語(yǔ)言和技術(shù)的支持，而其他一些則提供了方便的工具，例如部署Docker映像或更新所有Node依賴(lài)項(xiàng)的能力。為了使您更輕松地開(kāi)始使用Angular，Vue，React，Python等通用技術(shù)，我們創(chuàng)建了一些擴(kuò)展包，您可以從CodeMix內(nèi)輕松安裝它們。這些軟件包將為您安裝許多相關(guān)的擴(kuò)展，并且隨著新版本的發(fā)布它們將自動(dòng)更新。當(dāng)然，您不僅限于這些，還可以自由安裝所需的任何擴(kuò)展程序。

大多數(shù)擴(kuò)展甚至可以立即運(yùn)行，而無(wú)需重新加載Eclipse。最多，您會(huì)看到提示重新啟動(dòng)CodeMix，僅需幾秒鐘。

CodeMix與可能提供重疊功能的其他Eclipse插件配合良好。例如，如果您想使用Eclipse的PDT進(jìn)行PHP開(kāi)發(fā)，而仍然使用CodeMix進(jìn)行HTML和JavaScript，那不是問(wèn)題。CodeMix可以智能地檢測(cè)其他已安裝的Eclipse插件，并確保將編輯器和驗(yàn)證器配置為指向您可用的最佳工具。對(duì)于PDT，它將不會(huì)接管PDT的PHP編輯和驗(yàn)證功能。在某些情況下，CodeMix將要求您選擇要激活的編輯器和驗(yàn)證器。

讓我們現(xiàn)場(chǎng)直播– Hello World Vue.js應(yīng)用程序！

注意：在執(zhí)行這些步驟之前，必須先安裝Node，盡管在即將發(fā)布的CodeMix 2.0版本中，這不是必需的。

1.安裝CodeMix只需打開(kāi)您的Eclipse實(shí)例，然后將“安裝”按鈕從該Marketplace條目拖放到工作臺(tái)中即可進(jìn)行安裝。出現(xiàn)提示后，請(qǐng)?jiān)诎惭b后重新啟動(dòng)。CodeMix需要Eclipse Neon或更高版本，并且可以與最新的Photon版本配合使用。

2.創(chuàng)建一個(gè)Vue項(xiàng)目

1. 轉(zhuǎn)到文件>新建>其他，然后從CodeMix類(lèi)別中選擇Vue項(xiàng)目。

2. 鍵入合適的項(xiàng)目名稱(chēng)。

3. 確保已選中Install Vue Extension Pack 。

4. 單擊完成。

3.確保在繼續(xù)安裝擴(kuò)展包之前-完成安裝后，您可能會(huì)提示您重新加載CodeMix-Eclipse將保持打開(kāi)狀態(tài)。

4.下載依賴(lài)項(xiàng)

1. 按Ctrl / Cmd + Shift + P打開(kāi)命令面板。

2. 鍵入npm：安裝依賴(lài)項(xiàng)以查找并執(zhí)行此命令，然后選擇剛剛創(chuàng)建的項(xiàng)目。

1. 終端視圖將打開(kāi)，執(zhí)行npm install命令，下載項(xiàng)目的依賴(lài)項(xiàng)。在下載這些文件時(shí)，您可以轉(zhuǎn)到下一步。

5.可選：編輯src / App.vue

1. App.vue文件包含HTML，JS和CSS部分–您會(huì)獲得正確的語(yǔ)法高亮顯示，并為每個(gè)內(nèi)容提供內(nèi)容幫助。

2. 在第27行，您可以將msg更改為message ?；氐降?行，刪除msg并調(diào)用內(nèi)容幫助以查看建議的新消息變量。

6.部署項(xiàng)目

1. 返回到終端視圖，并等待依賴(lài)項(xiàng)完成下載（如果尚未完成）。

2. 運(yùn)行npm run dev服務(wù)該項(xiàng)目。注意，您也可以直接從命令面板執(zhí)行此操作。

3. 在瀏覽器中導(dǎo)航到http：// localhost：8080 /以查看您的應(yīng)用程序正在運(yùn)行！

結(jié)論

有關(guān)CodeMix如何改變您的Eclipse體驗(yàn)的更多信息，這里有幾篇文章介紹Vue，JavaScript和HTML。

CodeMix目前處于技術(shù)預(yù)覽階段的結(jié)尾，即將推出CodeMix 2.0。如果您想了解更多信息，請(qǐng)閱讀CodeMix旅程并考慮加入CodeMix Insider計(jì)劃。