使用JavaScript

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

• IntelliSense內(nèi)容輔助和參數(shù)提示
• 驗證和檢查
• JSDoc支持
• 格式化
• JSON支持
• 調(diào)試

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

JavaScript項目和文件

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

要創(chuàng)建JavaScript文件，請選擇“文件”>“新建”>“其他”>“CodeMix”>“JavaScript文件”。

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

編輯JavaScript源代碼

智能感知

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

自動進口

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

片段

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

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

CodeMining和查找參考

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

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

重構(gòu)

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

要將代碼提取到方法，常量等，請選擇一段代碼，按Ctrl + Shift + P，選擇Refactor ...，然后選擇適當(dāng)?shù)闹貥?gòu)。

JSDoc支持

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

JSON

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

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

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

格式化

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

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

驗證和建設(shè)

高級類型檢查

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

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

有關(guān)更多詳細信息，請參閱 。

基本驗證

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

檢查

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

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

幾個linting問題有與它們相關(guān)的快速修復(fù)，可用于輕松解決問題。

示例.eslintrc文件

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

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

建造

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

附錄A：JavaScript類型

擁有準(zhǔn)確的類型信息有助于工具提供適當(dāng)?shù)闹悄芨兄炞C，重構(gòu)甚至格式化。類型信息由JavaScript語言服務(wù)派生，使用第一種類型推斷，后跟JSDoc和TypeScript聲明文件。

類型推斷

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

JSDoc

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

TypeScript聲明文件

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

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

有關(guān)類型的更多信息，請閱讀  。