使用JavaScript

將CodeMix添加到Eclipse中以獲得出色的JavaScript支持，幾乎不需要任何配置。 這包括：

• IntelliSense內容輔助和參數提示
• 驗證和檢查
• JSDoc支持
• 格式化
• JSON支持
• 調試

本頁詳細介紹了CodeMix使用CodeMix或Angular IDE提供的JavaScript支持。 如果您使用的是MyEclipse，我們建議您將CodeMix添加到您的安裝中，以獲得最新的JavaScript支持。 對于沒有CodeMix的JavaScript支持，請參閱此頁面。

JavaScript項目和文件

帶有內容輔助和驗證的JavaScript編輯通常在編輯.js文件時開箱即用。 無需創建JavaScript“項目”，也無需為JavaScript支持添加方面或性質。

要創建JavaScript文件，請選擇“文件”>“新建”>“其他”>“CodeMix”>“JavaScript文件”。

高級提示：在某些情況下，您需要更高級的配置; 例如，您可能希望從JavaScript模型中排除某些文件，或者您有一個包含多個JavaScript項目上下文的Eclipse項目（如前端和后端代碼）。 在這種情況下，您可以為高級項目配置創建一個或多個jsconfig.json文件，請閱讀以獲取更多詳細信息。

編輯JavaScript源代碼

智能感知

鍵入JavaScript文件時，在您鍵入內容時會顯示內容輔助建議 - 無需手動調用內容輔助或鍵入觸發器字符。 這些建議包括可用的文檔。 調用函數時，可以在彈出窗口中選擇不同的簽名，以顯示與鍵入的參數對應的參數信息和文檔。

自動進口

使用模塊時，內容輔助會建議在項目中找到的導出符號的名稱。使用此建議也會添加導入。您可以使用typescript.autoImportSuggestions.enabled設置來控制此行為。

片段

編輯代碼時會顯示片段，一些高級代碼段包含占位符，可以幫助您輸入重復代碼。

除了其他功能之外，許多擴展還添加了片段。此外，還有幾個特定于代碼段的擴展可以安裝用于專門的代碼段。

CodeMining和查找參考

CodeMining注釋在編輯器中顯示屬性，方法，類和導出對象的引用計數。單擊注釋以在“搜索”視圖中查看引用。 （可選）要調用“查找引用”，請按Ctrl + Shift + G或右鍵單擊并選擇“查找引用”。

您可以使用javascript.referencesCodeLens.enabled設置控制這些注釋的顯示。

重構

要為JavaScript源代碼中的符號調用重命名重構，請按Alt + Shift + R，或右鍵單擊并選擇“重命名”。

要將代碼提取到方法，常量等，請選擇一段代碼，按Ctrl + Shift + P，選擇Refactor ...，然后選擇適當的重構。

JSDoc支持

鍵入/ **以獲取自動從簽名中獲取參數的函數的JSDoc模板。然后，您可以使用占位符跳轉到每個參數的文檔，指定類型和描述。

JSON

除了語法檢查和突出顯示，支持JSON模式，在編輯常見的JSON文件時，您還可以獲得內容輔助和文檔。 如果您有自定義格式，則可以手動將其鏈接到自定義架構，以獲得相同的好處。 有關詳細信息，請參閱。

我們的package.json支持在另一個層面，內容輔助提供節點模塊名稱，描述及其最新版本。

快速大綱允許您有效地瀏覽大型JSON文件，并且片段通過提供自定義完成提議來減少所需的鍵入量。

格式化

按Ctrl + Shift + F，或右鍵單擊并選擇“格式”，以格式化JavaScript源。 使用Beautify擴展格式化JavaScript，內部使用js-beautify。 您可以在“用戶”或“工作區”設置首選項頁面上配置JavaScript格式設置，方法是在過濾器中鍵入javascript.format，然后根據需要調整不同的設置。 或者，您可以在項目中創建.jsbeautifyrc文件。 有關可在此文件中進行的設置的詳細信息，請參閱。

通過設置editor.formatOnSave設置，格式化程序可以配置為在保存文件時自動運行。 通過設置beautify.ignore設置，可以從格式中排除某些文件。

驗證和建設

高級類型檢查

除了語法驗證之外，TypeScript的高級類型檢查功能還用于常規JavaScript文件中以捕獲某些類型相關的錯誤。 有關語言服務如何為高級驗證派生類型信息的詳細信息，請參閱 

默認情況下，對所有項目啟用此驗證。 以下設置將幫助您控制此驗證。

有關更多詳細信息，請參閱 。

基本驗證

默認情況下也會啟用基本JavaScript驗證，您可以使用javascript.validate.enable用戶或工作區設置來控制它。 請注意，無法為每個文件或項目覆蓋此設置。

檢查

使用ESLint擴展，您的JavaScript代碼是有用的，可幫助您捕獲通常只能在運行時找到的問題，或者難以追蹤的錯誤。

要啟用linting，您必須在項目中包含.eslintrc文件，并在項目中或全局安裝ESLint。 全局安裝ESLint的一種簡單方法是從任何控制臺運行npm install -g eslint。

幾個linting問題有與它們相關的快速修復，可用于輕松解決問題。

示例.eslintrc文件

{
  "rules": {
	"quotes": [2, "double"]
  },
  "extends": "eslint:recommended"
}

可以使用eslint.enable設置全局控制ESLint。您還可以使用eslint.autoFixOnSave設置來確保在保存文件時自動修復可修復的問題。有關更多詳細信息，請閱讀。

建造

如果您正在使用Grunt，Gulp，Webpack等來構建Web應用程序，請閱讀“構建管道和任務”頁面，以獲取有關如何在不離開IDE的情況下構建和提供項目的說明。

附錄A：JavaScript類型

擁有準確的類型信息有助于工具提供適當的智能感知，驗證，重構甚至格式化。類型信息由JavaScript語言服務派生，使用第一種類型推斷，后跟JSDoc和TypeScript聲明文件。

類型推斷

這里通過查看上下文代碼，用于初始化變量的值或函數返回的值來推斷類型。

JSDoc

JSDoc有許多注釋可用于提供輸入信息。

TypeScript聲明文件

可以在JSDoc中引用在TypeScript聲明文件（.d.ts）中聲明的值以及在TypeScript中聲明的類/接口，從而使輸入信息可用如上所述。

對于項目的package.json文件中列出的軟件包，許多JavaScript庫已經在.d.ts文件中定義了API，這些文件會自動下載和管理。例如，如果您的項目有jquery-3.3.1.min.js，那么將下載相應的.d.ts文件，在使用jQuery時提供卓越的IntelliSense和驗證。

有關類型的更多信息，請閱讀  。