【翻譯】CodeMix入門基礎知識

CodeMix入門
CodeMix是一個Eclipse插件,可以直接從Eclipse訪問VS Code和爲Code OSS構建的附加擴展的各種技術。如果您是一位經驗豐富的Eclipse開發人員,CodeMix有一些新的UI元素和可用性模型需要注意。如果您有使用VS Code開發的經驗,您會發現這些功能很熟悉;但是,您將在CodeMix中以不同方式訪問它們。使用本指南即可開始使用。

CodeMix插件與基於Eclipse的IDE和工具(如MyEclipse,Spring Tools Suite和JBoss Tools)兼容,因此您可以繼續在您習慣的環境中工作。

工作臺基礎知識
本節介紹了在處理項目和代碼時派上用場的一些CodeMix基礎知識。

參數
要選擇重要鍵綁定,支持的編輯器和驗證器的首選項,請轉到Window> Preferences(或Mac上的Eclipse> Preferences),然後展開CodeMix並選擇適當的節點。

編輯VS代碼和擴展程序特定設置時,您有以下選項:

用戶設置 - 從首選項中,選擇CodeMix>用戶設置。用戶設置存儲在您的主文件夾中,並且由同一用戶對所有CodeMix實例可見。
工作區設置 - 從“首選項”中,選擇“CodeMix”>“工作區設置”。工作區設置特定於Eclipse工作區。
項目設置 - 右鍵單擊​​頂級項目文件夾,選擇“屬性”,然後選擇“CodeMix”>“項目設置”。項目設置存儲在項目中,並在工作區,系統和用戶之間保留。
編輯表中的設置,或單擊settings.json鏈接直接在json文件中編輯值,這樣可以方便更大的值。編輯表格時,可以使用“過濾器設置”框找到設置,或從下拉列表中選擇一組設置。

注意:如果在多個位置設置首選項,則項目設置具有最高優先級,其次是工作區設置,然後是用戶設置。
在這裏插入圖片描述

快速打開和命令調色板
有效地使用這些功能可充分發揮CodeMix的潛力,並顯着提高您的工作效率。 爲每個(Windows / Mac)列出鍵盤快捷方式。

快速打開(Ctrl + P / Cmd + P)
使用此選項可快速打開工作區中的文件
在這裏插入圖片描述

打開類型(Ctrl + Shift + T / Cmd + Shift + T)
此操作可用於跨文件跨文件跳轉到符號。

打開本地符號(Ctrl + O / Cmd + O)
使用此選項可在當前文件中導航,使用過濾器快速找到您感興趣的元素。
在這裏插入圖片描述

命令調色板(Ctrl + Shift + P / Cmd + Shift + P)
使用命令面板執行從運行npm構建到啓動調試會話的所有操作。 使用它來格式化當前文檔,或整體應用快速修復; 你甚至可以用它來重構代碼。 命令選項板包括Eclipse命令以及開始鍵入以查找所需作業的命令。
在這裏插入圖片描述

可以在Preferences> CodeMix> Bindings頁面上打開或關閉這些鍵綁定,或者在Preferences> General> Keys頁面上自定義,在過濾器中鍵入Quick Open以查找它們。

您還可以使用快速打開綁定打開調色板,然後鍵入#,@或>分別進入類型,本地符號或命令模式。

擴展
擴展爲CodeMix安裝添加了一系列功能 - 從支持新語言和框架,到編碼時的生產力增強,高級驗證甚至調試功能。

作爲歡迎流程的一部分,將分析您的工作區和安裝,並顯示推薦的擴展包列表。 此外,CodeMix會在您創建CodeMix項目時自動安裝相應的擴展包,並根據您正在編輯的文件智能地建議它們。
在這裏插入圖片描述

要手動安裝擴展,請轉到“幫助”>“CodeMix擴展”。
在這裏插入圖片描述

有關更多信息,請參閱CodeMix中的擴展。

終點站
使用大量終端命令在Eclipse中打開CodeMix終端。 您還可以從終端視圖創建新終端,在對話框中選擇CodeMix終端。
在這裏插入圖片描述

您可以使用Terminal:Select Default Shell命令更改默認創建的shell。 它將包括特定於操作系統的選項,例如Windows 10上的PowerShell。

調試
右鍵單擊項目以顯示上下文菜單,然後選擇Debug As> CodeMix Launch。 如果您的項目還沒有launch.json文件,則會創建一個文件,您可以選擇啓動類型。 可用的啓動類型取決於您已安裝的擴展。
在這裏插入圖片描述

創建啓動後,單擊launch.json編輯器標尺區域中的啓動圖標,或轉到“調試配置”對話框,從中可以啓動調試會話。 CodeMix特定的啓動將分組在CodeMix節點下。
在這裏插入圖片描述
在這裏插入圖片描述
有關更多信息,請參閱CodeMix中的調試。

狀態欄
狀態欄指示與CodeMix引擎的連接狀態,以及與您正在編輯的文件相關的其他詳細信息。 例如,TypeScript文件的TypeScript顯示可以更改,而其他項目表示linter是否處於活動狀態。
在這裏插入圖片描述

如果與CodeMix引擎的連接中斷,則此圖標將顯示在狀態欄中,並且沒有CodeMix功能。 理想情況下,這應該永遠不會發生,但如果確實如此,請重新啓動IDE。 如果斷開狀態仍然存在,或者您經常進入此狀態,請與支持部門聯繫。

自動更新
當CodeMix的新版本可用時,CodeMix會自動更新。 要強制更新,請按Ctrl / Cmd + Shift + P並鍵入Update CodeMix。
在這裏插入圖片描述

如果下載了更新,狀態欄中會顯示一個圖標:。 更新將在Eclipse下次啓動時應用。

創建一個新項目
要創建一個新項目,請轉到文件>新建>其他> CodeMix,然後選擇任何項目嚮導,以啓動新的Angular,React,Python等項目。
在這裏插入圖片描述

項目創建過程會自動下載相應的擴展包,以確保您擁有該技術所需的所有開發支持。

注意:根據連接速度,下載所有必需的擴展可能需要一段時間,您可以查看狀態區域以監視安裝進度。 安裝完成後,可能會要求您重新啓動CodeMix引擎(而不是IDE)以啓用擴展。

這些項目有一個READFIRST.md文件,其中包含運行和構建項目所需的一些基本步驟,而README.md則共享項目本身的更多詳細信息。
在這裏插入圖片描述

關於項目元數據的說明
與典型的Eclipse項目不同,CodeMix功能幾乎可以在任何具有相應源文件的文件夾中運行。 在Eclipse中,您無需爲IntelliSense,高級導航或驗證啓用性質,構建器或方面即可開始工作。 一旦你習慣了這個想法,這是非常自由的。 大多數具有傳統佈局的項目都可以直接使用。

導入現有項目
從文件夾或存檔中選擇文件>導入>項目,選擇項目並將其導入CodeMix。 大多數項目都是開箱即用的。

CodeMix編輯
CodeMix自動將自身與支持的文件類型相關聯,使相應的CodeMix編輯器成爲這些文件類型的默認編輯器。 要使用CodeMix編輯器顯式打開文件,請右鍵單擊該文件,然後選擇打開方式> <文件類型> :: CodeMix。
在這裏插入圖片描述
在這裏插入圖片描述

注意:第一次使用CodeMix打開工作區時,如果它具有打開的編輯器,則工作區將從較舊的非CodeMix編輯器中打開的這些文件開始。 關閉並重新打開這些文件以在CodeMix編輯器中打開它們。

編輯代碼
與典型的Eclipse編輯器不同,大多數CodeMix編輯器會在您鍵入時向您顯示內容輔助建議,而無需等待句點或其他特殊字符。 您可以通過按Ctrl + Space顯式調用內容輔助,但大多數情況下這不是必需的。
在這裏插入圖片描述

編輯器中有許多可用於提高生產率的節省時間。一些受歡迎的包括:

查看/轉到定義 - 將鼠標懸停在變量上以查看定義,然後按Ctrl鍵(Mac上的Cmd)以查看適當的聲明,這對於方法和函數特別有用。您可以在按下Ctrl(Mac上的Cmd)時單擊以跳轉到相應的代碼段。
移動線 - 按Alt +向上/向下快速向上或向下移動線條。
註釋行 - 按Ctrl + /切換註釋行。
擴展通常可以改進像打字一樣基本的東西 - 好的例子是自動關閉標記和自動重命名標記擴展。使用HTML或XML等標記時,自動關閉標記會在您鍵入新標記時自動插入結束標記,而自動重命名標記會在您編輯其中一個時自動重命名匹配的結束標記或開始標記。

有關更多信息,請參閱CodeMix中的IntelliSense和導航代碼。

構建和驗證
CodeMix支持兩種驗證模式:編輯器內驗證,影響編輯器中打開的任何文件,以及項目級別驗證,用於項目中的所有其他文件。

項目級驗證可以使用通用內置驗證技術,也可以配置爲使用外部任務,外部任務通常也用於構建和服務您的應用程序。通過CodeMix中的構建管道支持,驗證和構建體驗是無縫的。

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章