【Web开发指南】如何用MyEclipse进行JavaScript开发?

由于MyEclipse中有高级语法高亮显示、智能内容辅助和准确验证等特性,进行JavaScript编码不再是一项繁琐的任务。

MyEclipse v2023.1.2离线版下载

JavaScript项目

在MyEclipse 2021及以后的版本中,大多数JavaScript支持都是开箱即用的JavaScript源代码——不需要特殊的JavaScript Eclipse项目或JavaScript facet。但是官方建议使用jsconfig.json文件来指定项目上下文,这使得在项目中跨多个源文件进行高级JavaScript分析,来增强智能感知、验证、导航等功能。

【Web开发指南】如何用MyEclipse进行JavaScript开发?

MyEclipse可以帮助您创建这个文件,还可以根据需要对其进行进一步调整。

编辑JavaScript源代码
智能感知

当输入JavaScript文件时,使用内容辅助快捷键(默认为Ctrl/Cmd + Space)来弹出一个提案列表,在输入触发字符后也会自动显示建议。如果可用,JSDoc也将显示在弹出窗口中。

【Web开发指南】如何用MyEclipse进行JavaScript开发?

JSON

智能感知也可用于JSON文件,当编辑普通文件时,您可以获得内容辅助和开箱即用的文档;在编辑不太常见的文件时,您还可以通过向JSON中添加“$schema”属性来链接到模式以获得类似的支持。

【Web开发指南】如何用MyEclipse进行JavaScript开发?

自动导入

使用模块时,内容辅助会建议在项目中找到的导出符号的名称,使用此建议也会添加导入。

验证与检验

只有当前在编辑器中打开的文件才会被验证,您将在编辑器的标尺区域以及Problems/ markers视图中看到错误、警告和信息标记。

注意:对于高级JavaScript验证,要么确保您的项目有一个jsconfig.json文件,其中checkJS属性设置为true;要么在文件顶部添加“//@ts-check”注释。

ESLint

ESLint支持是内置的,但是您必须在项目的根目录下有一个ESLint配置文件,并且在项目中安装ESLint——node_modules必须包括ESLint,以及正在使用的任何ESLint插件。例如,在检查ES2020代码时,您需要使用Babel解析器。

快速修复

对于一些警告和错误,包括限制问题,可以使用快速修复程序。只需将鼠标悬停在弯曲的线条上,就可以看到几个可能的修复链接。

【Web开发指南】如何用MyEclipse进行JavaScript开发?

代码分析和重构

使用Find References操作在当前文件或整个项目中查找对JavaScript结构的引用。

重命名重构允许您在整个项目中重命名这些构造。

导航

Outline视图

Outline视图描述了JavaScript编辑器的函数和变量的结构化视图,让您快速了解代码是如何结构化的,单击Outline中的一个元素来跳转到代码中的该部分。

如果视图在当前透视图中不可见,请从工具栏中选择Window>Show view >Other>General>Outline

快速概述

在编辑JavaScript文件时按Ctrl+O打开Quick Outline,以便在代码中轻松导航。

【Web开发指南】如何用MyEclipse进行JavaScript开发?

用Chrome或Firefox调试JavaScript

通过双击标尺区域在源代码中放置断点,开发者可以在JavaScript文件中放置断点,也可以在HTML/JSP文件中嵌入JavaScript。

要创建一个新的调试配置:

  1. 从Debug下拉菜单中,选择Debug Configurations。
  2. 创建一个新的Chrome调试/启动Firefox Debugger配置。
  3. 在URL字段中,粘贴应用程序的URL。
  4. 在工作目录字段中,指定项目根目录的文件系统路径。
  5. 单击Debug来启动调试会话。

【Web开发指南】如何用MyEclipse进行JavaScript开发?

Chrome调试注意事项:如果Chrome还没有运行,将启动Chrome在调试模式,如果Chrome不是在调试模式下运行,点击调试将重用正在运行的Chrome实例,但JavaScript调试将不起作用。要么使用——remote-debugging-port=9222开关在调试模式下启动Chrome,要么关闭Chrome,以便它可以使用正确的设置自动启动。

【Web开发指南】如何用MyEclipse进行JavaScript开发?

附录A: jsconfig.json

在JavaScript项目的根目录中创建这个文件,该配置文件可用于指定要包含在项目JavaScript上下文中的文件,以及编译和解析选项。

示例jsconfig.json

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

更多MyEclipse中文教程资讯请上中文网获取

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/17530.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【运维】hive 终端突然不能使用:Hive Schema version does not match metastore‘s schema version

文章目录 一. 问题描述二. 常规排查1. 元数据库2. hive-site.xml相关meta连接信息检查 三. 正解 一. 问题描述 进入hive终端,执行如下命令报错: hive> show tables; FAILED: SemanticException org.apache.hadoop.hive.ql.metadata.HiveException: …

冒泡排序算法

冒泡排序 算法说明与代码实现: 简单分析,外循环次数为数据len(arr)-1次,内循环为len(arr)-外循环次数 下面是使用Go语言实现冒泡排序算法的示例: package mainimport "fmt"func bubbleSort(arr []int) {n : len(arr…

【JavaEE】简单了解JVM

目录 一、JVM中的内存区域划分 二、JVM的类加载机制 1、类加载的触发时机 2、双亲委派模型 1.1、向上委派 1.2、向下委派 三、JVM中的垃圾回收机制(GC) 1、确认垃圾 1.1、引用计数(Java实际上没有使用这个方案,但是Pytho…

【HttpRunnerManager】搭建接口自动化测试平台实战

目录 一、需要准备的知识点 二、我搭建的环境 三、搭建过程 四、访问链接 五、两个问题点 【整整200集】超超超详细的Python接口自动化测试进阶教程,真实模拟企业项目实战!! 一、需要准备的知识点 1. linux: 安装 python3、nginx 安装和…

emWin - BMP图片显示

BmpCvt.exe 用途 利用BMP图片,进行GUI显示;ICON等图标都是小BMP图片,核心是将BMP图片,转成emWin支持的方式,最终显示到TFT屏上 使用BmpCvt.exe工具,将各个图片转成相应的C文件. emWin有关的工具&#xff…

测试|Selenium介绍及环境搭建

测试|Selenium介绍及环境搭建 1.Selenium是什么 Selenium是用来做web网站 UI自动化的测试工具/测试框架。 我们这里说的Selenium是Selenium2.0,它由Selenium IDE,Webdriver, Selenium Grid组成。 Selenium IDE是用于Selenium测试的完成集成开发环境&…

云计算——云计算关键技术

作者简介:一名云计算网络运维人员、每天分享网络与运维的技术与干货。 座右铭:低头赶路,敬事如仪 个人主页:网络豆的主页​​​​​ 目录 前言 一.云计算关键技术 1.虚拟化技术 2.分布式数据存储技术 (1&…

天下风云出我辈,AI准独角兽实在智能获评“十大数字经济风云企业

时值盛夏,各地全力拼经济的氛围同样热火朝天。在浙江省经济强区余杭区这片创业热土上,人工智能助力数字经济建设正焕发出蓬勃生机。 7月28日,经专家评审、公开投票,由中共杭州市余杭区委组织部(区委两新工委&#xff…

如何解决制造业数字化改造的障碍?

制造业的数字化转型可能是一个复杂且具有挑战性的过程,但解决以下障碍有助于为成功实施铺平道路: 抵制变革:数字化转型中最常见的挑战之一是员工的抵制,尤其是那些习惯传统方法的员工。为了克服这一问题,组织需要培养一…

JDBC-笔记

JDBC 1. JDBC介绍 JDBC(Java Database Connectivity)是一种用于连接和操作数据库的 Java API。 通过Java操作数据库的流程 第一步:编写Java代码 第二步:Java代码将SQL发送到MySQL服务端 第三步:MySQL服务端接收到SQ…

Spring中IOC容器常用的接口和具体的实现类

在Spring框架没有出现之前,在Java语言中,程序员们创建对象一般都是通过关键字new来完成,那时流行一句话“万物即可new,包括女朋友”。但是这种创建对象的方式维护成本很高,而且对于类之间的相互关联关系很不友好。鉴于…

【Web】web

dns与域名 网络是基于tcp/ip协议进行通信和连接的 应用层——传输层——网络层——数据链路层——物理层 每一定的台主机都有一个唯一且固定的地址标识——IP地址 IP地址的做用:1.区分用户和计算机;2.进行通信 IP地址由32位二进制数组成,…

读取application-dev.properties的中文乱码【bug】

读取application-dev.properties的中文编码【bug】 2023-7-30 22:37:46 版权 禁止其他平台发布时删除以下此话 本文首次发布于CSDN平台 作者是CSDN日星月云 博客主页是https://blog.csdn.net/qq_51625007 禁止其他平台发布时删除以上此话 bug 读取application-dev.propert…

ATFX汇市月报:7月美联储坚定加息,8月成利率决议空档期

7月汇市行情回顾—— 7月份,美元指数下跌1.01%,收盘在101.88点, 欧元升值0.76%,收盘价1.0997点; 日元升值1.41%,收盘价142.27点; 英镑升值1.08%,收盘价1.2835点; 瑞…

TSINGSEE青犀视频AI算法引擎中台在渣土车智慧管控场景中的应用

一、行业背景 随着社会的发展和人们生活水平的不断进步,大家对环境卫生和空气质量的要求越来越重视。渣土车是建筑垃圾的运输主力,也存在行驶频繁、不合规、不合法的操作,可能对交通安全、环境卫生和城市形象造成影响。比如在施工工地&#x…

【C++】C/C++内存管理

1、C/C内存分布 【1】栈又叫堆栈 – 非静态局部变量/函数参数/返回值等等,栈是向下增长的。 【2】内存映射段 – 是高效的I/O映射方式,用于装载一个共享的动态内存库。用户可使用系统接口创建共享共享内存,做进程间通信 【3】堆 – 用于程序运…

Java面向对象的三大特征

Java面向对象的三大特征 java面向对象的三大特征:“封装、继承、多态”。更多Java技术知识,请登陆疯狂软件教育官网。微信搜索微信号:疯狂软件,参加2015年优惠活动,有机会获得优惠劵和代金劵。 以本文为例&#xff0c…

百分点科技参编信通院《数据中台实践指南(1.0版)》

日前,在大数据产业发展大会上,百分点科技参与编写的《数据中台实践指南(1.0版)》正式发布,该指南由中国信息通信研究院大数据技术标准推进委员会指导和组织,百分点科技、阿里云、中国移动、中国联通、交通银…

windows系统之WSL 安装 Ubuntu

WSL windows10 以上才有这个wsl功能 WSL: windows Subsystem for Linux 是应用于Windows系统之上的Linux子系统 作用很简单,可以在Windows系统中获取Linux系统环境,并完全直连计算机硬件,无需要通过虚拟机虚拟硬件 Windows10的W…

Linux操作系统学习,Linux基础命令大全

目录 第一章、Linux简介和安装1.1)Linux简介和分类1.2)安装VMware虚拟机,在虚拟机中安装CentOS 7 第二章、虚拟机中Linux的IP地址配置详解2.1)什么是IP地址,如何查看2.2)虚拟机NAT模式中Linux的IP地址设置有…