天天看點

一篇文章解密 - 如何在MyEclipse中使用JavaScript編寫代碼?

作者:慧都科技

MyEclipse官方最新版免費下載下傳|Myeclipse漢化下載下傳.MyEclipse-功能最全面的Java IDE. - MyEclipse官方中文網

JavaScript 項目

在 MyEclipse 2021 及更高版本中,JavaScript 支援對大多數 JavaScript 源代碼都是開箱即用的——不需要特殊的 JavaScript Eclipse 項目或 JavaScript facet。但是,我們建議使用jsconfig.json檔案來指定項目上下文。這使得可以在項目中跨多個源檔案進行進階JavaScript分析,以增強IntelliSense、驗證、導航等功能。

一篇文章解密 - 如何在MyEclipse中使用JavaScript編寫代碼?

MyEclipse 幫助您建立此檔案,您可以根據需要進一步調整它——有關更多詳細資訊,請參閱文末附錄A。

編輯 JavaScript 源代碼

IntelliSense

在 JavaScript 檔案中鍵入時,使用内容輔助快捷方式(Ctrl/Cmd + Space 預設情況下)顯示建議清單。輸入觸發字元後,建議也會自動顯示。如果可用,JSDoc 也将顯示在彈出視窗中。

一篇文章解密 - 如何在MyEclipse中使用JavaScript編寫代碼?

JSON檔案

IntelliSense 也可用于 JSON 檔案——在編輯普通檔案時,您可以獲得内容幫助和開箱即用的文檔。在編輯不太常見的檔案時,您還可以通過向 JSON 添加“$schema”屬性來連結到類似支援的模式。

一篇文章解密 - 如何在MyEclipse中使用JavaScript編寫代碼?

自動導入

使用子產品時,内容輔助會建議在您的項目中找到的導出符号的名稱。使用此建議也會添加導入。

驗證和檢查

隻有目前在編輯器中打開的檔案才會被驗證。您将在編輯器的标尺區域以及問題/标記視圖中看到錯誤、警告和資訊标記。

注意:對于進階 JavaScript 驗證,請確定您的項目有一個 jsconfig.json 檔案并将 checkJS 屬性設定為 true,或者在檔案頂部添加“//@ts-check”注釋。

ESLint

ESLint 支援是内置的,但你必須在項目的根目錄中有一個 ESLint 配置檔案,并且 ESLint 也安裝在項目中——node_modules 必須包括 ESLint,以及你正在使用的任何 ESLint 插件。例如,linting ES2020 代碼時,需要使用 Babel 解析器。

快速修複

快速修複可用于多個警告和錯誤,包括 linting 問題。隻需将滑鼠懸停在波浪線上即可檢視幾個可能修複的連結。

一篇文章解密 - 如何在MyEclipse中使用JavaScript編寫代碼?

代碼分析與重構

使用 Find References 操作在目前檔案或整個項目中查找對 JavaScript 結構的引用。

重命名重構能夠使您在整個項目中重命名這些結構。

導航

大綱視圖

大綱視圖描繪了 JavaScript 編輯器的函數和變量的結構化視圖,讓您快速了解代碼的結構。單擊大綱中的元素可跳轉到代碼中的該部分。

一篇文章解密 - 如何在MyEclipse中使用JavaScript編寫代碼?

使用 Chrome 或 Firefox 調試 JavaScript

通過輕按兩下标尺區域在源代碼中放置斷點。您可以在 JavaScript 檔案中放置斷點,也可以在 HTML/JSP 檔案中嵌入 JavaScript。

要建立新的調試配置:

  1. 從“Debug”下拉清單中,選擇“Debug Configurations”。
  2. 建立一個新的 Chrome Debug/Launch Firefox Debugger配置。
  3. 在 URL 字段中,粘貼您的應用程式的 URL。
  4. 在工作目錄字段中,指定項目根目錄的檔案系統路徑。
  5. 單擊“Debug”以啟動調試會話。
一篇文章解密 - 如何在MyEclipse中使用JavaScript編寫代碼?

Chrome Debug應注意:如果 Chrome 尚未運作,這将以調試模式啟動 Chrome。如果 Chrome 未在調試模式下運作,單擊調試将重用正在運作的 Chrome 執行個體,但 JavaScript 調試将不起作用。使用開關以調試模式啟動 Chrome ,或者關閉 Chrome,以便它可以使用正确的設定自動啟動。

一篇文章解密 - 如何在MyEclipse中使用JavaScript編寫代碼?

附錄 A:jsconfig.json

在 JavaScript 項目的根目錄中建立此檔案。此配置檔案可用于指定要包含在項目的 JavaScript 上下文中的檔案,以及編譯和解析選項。

示例 jsconfig.json:

{
"compilerOptions": {
"disableSizeLimit": true,
"allowJs": true,
"module": "commonjs",
"target": "es6",
"checkJs": true
}
,
"exclude": ["node_modules"]
}           

繼續閱讀