如何在MyEclipse中使用JavaScript编写代码?

news/2024/11/24 9:11:10/

MyEclipse v2022.1.0正式版下载

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。

要创建新的调试配置:

  1. 从“Debug”下拉列表中,选择“Debug Configurations”。
  2. 创建一个新的 Chrome Debug/Launch Firefox Debugger配置。
  3. 在 URL 字段中,粘贴您的应用程序的 URL。
  4. 在工作目录字段中,指定项目根目录的文件系统路径。
  5. 单击“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"]
}


http://www.ppmy.cn/news/82608.html

相关文章

从感官沉浸到无边界互操作,细数元宇宙游戏的底层逻辑世界

元宇宙已经不是全宇宙最热的概念了,冷下来之后或许才能踏踏实实落地。 元宇宙是下一代的互联网形态,是三维的“空间互联网”。或者说是大家更希望这是未来的互联网。我们将通过VR虚拟现实头盔、AR增强现实眼镜等一系列设备,体验三维化的互联…

【计算机视觉 | 目标检测】arxiv 计算机视觉关于目标检测的学术速递(5月24日论文合集)

文章目录 一、检测相关(7篇)1.1 Learning Remote Sensing Object Detection with Single Point Supervision1.2 Online Open-set Semi-supervised Object Detection via Semi-supervised Outlier Filtering1.3 Generalizable Synthetic Image Detection via Language-guided Co…

VSOMEIP3抓包数据

环境 $ cat /etc/os-release NAME"Ubuntu" VERSION"20.04.6 LTS (Focal Fossa)" IDubuntu ID_LIKEdebian PRETTY_NAME"Ubuntu 20.04.6 LTS" VERSION_ID"20.04" HOME_URL"https://www.ubuntu.com/" SUPPORT_URL"https:/…

即时通讯软件(企业IM)对企业的作用

随着网络时代的来临,即时通讯软件也开始逐渐在企业中流行起来,甚至很多公司都已经将即时通讯软件作为内部沟通的主要工具,那么这种情况下,即时通讯软件对企业究竟有什么作用呢? 首先,即时通讯软件对于企业内…

10款实用高效的网页版PS插件推荐!

PS是设计界适用范围广、应用次数多的基础性设计工具,PS的功能之强大,常常令新手望而却步。其实,为了对PS的功能进行补充和优化,这些年来陆续开发出了许许多多的功能性PS插件,在网页版 PS ——即时设计上有很多PS插件使…

一文搞定十大排序算法

文章目录 概述冒泡排序 (Bubble Sort)算法步骤图解算法代码实现算法分析 选择排序 (Selection Sort)算法步骤算法图解代码实现算法分析 插入排序(Insertion Sort)算法步骤图解算法代码实现算法分析 希尔排序 (Shell Sort)算法步骤图解算法代码实现算法分析 归并排序 (Merge Sor…

项目管理:有效的沟通对项目的成功至关重要

为实施有效的沟通,需要建立沟通管理计划同时理解什么是沟通,沟通的对象是谁,沟通的目标是什么,难度在哪里,并选择合适的沟通方式。 项目沟通是确保项目团队的相关信息能及时、正确地产生、收集、发布、储存和最终处理…

随想录训练营38/60 | 完全背包;LC 518. 零钱兑换 II;LC 377. 组合总和 Ⅳ

完全背包 什么是完全背包? 完全背包和01背包的区别就是,完全背包能将某个物品添加无数次。 在二维dp数组迭代更新中体现为: 01背包dp数组由左上面的数组更新而成; 完全背包do数组由包括本行在内的左边的数组更新而成。 在一维dp数…