【玩转Editplus】一个文本编辑器editplus运行Java、js、html、css

本文详细介绍了如何在文本编辑器EditPlus中配置Java、JavaScript、HTML和CSS的开发环境。对于Java,分别展示了配置单个文件和带包类的编译与运行步骤。JavaScript环境配置依赖于Node.js,通过添加用户工具组来运行JS文件。HTML和CSS的配置则简单直接,编辑完成后通过内置浏览器预览。此外,文章还提供了配置过程中的注意事项和问题解决方案。
摘要由CSDN通过智能技术生成

一、editplus配置Java环境

  1. 创建一个Java文件
    在这里插入图片描述

  2. 首先配置javac命令
    工具 --首选项–自定义工具
    创建一个工具组,命名为Java,也可以用默认的Group1
    在这里插入图片描述

  3. 添加Java编译工具,添加工具,命名为javac(主要配置javac.exe的路径)
    javac(这个名称为其他也可以)
    命令-点旁边的三个点去选中jdk安装目录下bin目录下的javac.exe文件
    参数-文件名
    起始目录-文件目录
    动作-无
    在这里插入图片描述注:javac的那个窗口可以改为“隐藏窗口运行”或者“退出时关闭窗口”

  4. 继续添加工具,命名为java(主要配置Java.exe路径)
    命令-点旁边的三个点去选中jdk安装目录下bin目录下的java.exe文件
    参数-文件名(不含后缀名)
    起始目录-文件目录
    动作-无
    在这里插入图片描述

  5. 运行成功!
    注意: 这两个地方的名称也要相同!
    在这里插入图片描述
    在这里插入图片描述

注意:上述配置,用于单独的Java文件,如果运行一个带包的java文件,理所当然它会报错!如果想要运行带包的java环境,请继续下面配置!

☆editplus配置带包的java类编译环境
  1. 首先配置javac命令
    工具 --首选项–自定义工具
    创建一个工具组,下拉选择Group2,然后重新命名为Java Package,也可以用默认的Group2
    在这里插入图片描述

  2. 添加工具,命名为javac package
    注意参数: -d . $(FileName) (-d后面空一格加 . )
    在这里插入图片描述

  3. 添加工具,命名为java package
    注意:参数(两种配置方法):区别后面演示!

第1种:当前选中内容加 . 再加 文件名(不包含扩展名)

$(CurSel).$(FileNameNoExt)

第2种:执行时提示输入参数加 . 再加 文件名(不包含扩展名)

$(Prompt).$(FileNameNoExt)

第1种:
在这里插入图片描述
第2种:
在这里插入图片描述

  1. 测试
    新建一个带包的文件
    在这里插入图片描述
    代码如下:在包com.itfuture包下!
    在这里插入图片描述
    运行第一种配置:发现程序报错!
    在这里插入图片描述
    怎么回事??
    因为我们选的是 当前选中内容.文件名(不包括后缀),所以我们得先选中报名,他才会正确运行!
    在这里插入图片描述
    运行第2种配置:
    需要手动输入包名!

    在这里插入图片描述
    在这里插入图片描述

二、editplus配置JavaSript环境

运行js我们首先依赖node.js
如同运行Java依赖jre

  1. 首先安装node.js
    这个安装比较简单,请见 http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html
  2. 配置editplus用户工具组
  • 添加工具组,命名为JS
  • 点击"添加工具">>“应用程序”, "菜单文字"自定义, "命令(Command)"输入c盘中的cmd.exe路径
  • "参数(Argument)"填入 start cmd /k “cd “KaTeX parse error: Expected 'EOF', got '&' at position 11: (FileDir)"&̲&node "(FileName)””
    在这里插入图片描述
  1. 运行测试
    创建一个test.js文件,点击工具组的JS里面的javaScript运行

在这里插入图片描述

三、editplus配置Html、CSS环境

最简单的的方式:
新建文件选择html,创建一个html文件,
编辑好内容后,点击上方浏览器,编辑源代码或者直接按快捷键Ctrl+shift+E
在这里插入图片描述

四、editplus配置其他…

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Itfuture03

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值