MyEclipse官方最新版免費下載下傳|Myeclipse漢化下載下傳.MyEclipse-功能最全面的Java IDE. - MyEclipse官方中文網
JavaScript 項目
在 MyEclipse 2021 及更高版本中,JavaScript 支援對大多數 JavaScript 源代碼都是開箱即用的——不需要特殊的 JavaScript Eclipse 項目或 JavaScript facet。但是,我們建議使用jsconfig.json檔案來指定項目上下文。這使得可以在項目中跨多個源檔案進行進階JavaScript分析,以增強IntelliSense、驗證、導航等功能。
MyEclipse 幫助您建立此檔案,您可以根據需要進一步調整它——有關更多詳細資訊,請參閱文末附錄A。
編輯 JavaScript 源代碼
IntelliSense
在 JavaScript 檔案中鍵入時,使用内容輔助快捷方式(Ctrl/Cmd + Space 預設情況下)顯示建議清單。輸入觸發字元後,建議也會自動顯示。如果可用,JSDoc 也将顯示在彈出視窗中。
JSON檔案
IntelliSense 也可用于 JSON 檔案——在編輯普通檔案時,您可以獲得内容幫助和開箱即用的文檔。在編輯不太常見的檔案時,您還可以通過向 JSON 添加“$schema”屬性來連結到類似支援的模式。
自動導入
使用子產品時,内容輔助會建議在您的項目中找到的導出符号的名稱。使用此建議也會添加導入。
驗證和檢查
隻有目前在編輯器中打開的檔案才會被驗證。您将在編輯器的标尺區域以及問題/标記視圖中看到錯誤、警告和資訊标記。
注意:對于進階 JavaScript 驗證,請確定您的項目有一個 jsconfig.json 檔案并将 checkJS 屬性設定為 true,或者在檔案頂部添加“//@ts-check”注釋。
ESLint
ESLint 支援是内置的,但你必須在項目的根目錄中有一個 ESLint 配置檔案,并且 ESLint 也安裝在項目中——node_modules 必須包括 ESLint,以及你正在使用的任何 ESLint 插件。例如,linting ES2020 代碼時,需要使用 Babel 解析器。
快速修複
快速修複可用于多個警告和錯誤,包括 linting 問題。隻需将滑鼠懸停在波浪線上即可檢視幾個可能修複的連結。
代碼分析與重構
使用 Find References 操作在目前檔案或整個項目中查找對 JavaScript 結構的引用。
重命名重構能夠使您在整個項目中重命名這些結構。
導航
大綱視圖
大綱視圖描繪了 JavaScript 編輯器的函數和變量的結構化視圖,讓您快速了解代碼的結構。單擊大綱中的元素可跳轉到代碼中的該部分。
使用 Chrome 或 Firefox 調試 JavaScript
通過輕按兩下标尺區域在源代碼中放置斷點。您可以在 JavaScript 檔案中放置斷點,也可以在 HTML/JSP 檔案中嵌入 JavaScript。
要建立新的調試配置:
- 從“Debug”下拉清單中,選擇“Debug Configurations”。
- 建立一個新的 Chrome Debug/Launch Firefox Debugger配置。
- 在 URL 字段中,粘貼您的應用程式的 URL。
- 在工作目錄字段中,指定項目根目錄的檔案系統路徑。
- 單擊“Debug”以啟動調試會話。
Chrome Debug應注意:如果 Chrome 尚未運作,這将以調試模式啟動 Chrome。如果 Chrome 未在調試模式下運作,單擊調試将重用正在運作的 Chrome 執行個體,但 JavaScript 調試将不起作用。使用開關以調試模式啟動 Chrome ,或者關閉 Chrome,以便它可以使用正确的設定自動啟動。
附錄 A:jsconfig.json
在 JavaScript 項目的根目錄中建立此檔案。此配置檔案可用于指定要包含在項目的 JavaScript 上下文中的檔案,以及編譯和解析選項。
示例 jsconfig.json:
{
"compilerOptions": {
"disableSizeLimit": true,
"allowJs": true,
"module": "commonjs",
"target": "es6",
"checkJs": true
}
,
"exclude": ["node_modules"]
}