在Windows和Linux中进行设计友好的JSP/Servlet web开发(Ubuntu等)

在Windows和Linux中进行设计友好的JSP/Servlet web开发(Ubuntu等),jsp,servlets,ide,Jsp,Servlets,Ide,我是我大学JSP项目的前端开发人员,到目前为止,我使用Sublime Text 2编写标记和CSS/Less,并直接从手动配置的Apache Tomcat运行该项目,我将项目目录放在webapps文件夹中,但后来,该项目需要使用servlet(显然)我意识到了IDE的必要性,而我在开发部分的同事现在坚持使用IDE 我们已经将整个项目移植到了NetBeans 7.1.1,到目前为止,项目运行良好,NetBeans处理了创建/管理servlet及其web.xml配置的所有麻烦,但我主要处理标记和更少

我是我大学JSP项目的前端开发人员,到目前为止,我使用Sublime Text 2编写标记和CSS/Less,并直接从手动配置的Apache Tomcat运行该项目,我将项目目录放在
webapps
文件夹中,但后来,该项目需要使用servlet(显然)我意识到了IDE的必要性,而我在开发部分的同事现在坚持使用IDE

我们已经将整个项目移植到了NetBeans 7.1.1,到目前为止,项目运行良好,NetBeans处理了创建/管理servlet及其web.xml配置的所有麻烦,但我主要处理标记和更少的内容,这在这里非常乏味。以下是我面临的问题:

  • 更少的文件根本不突出显示语法。(尽管我提到了向
    .less
    文件添加语法高亮显示的方法)

  • 每次我对标记或CSS进行更改时,我都需要点击F5,等待浏览器中新的选项卡启动以反映更改。(在浏览器中刷新页面的工作方式与我以前的JSP开发方式不同)。想象一下,如果我在看到后不关闭选项卡,那么10个选项卡可以进行10次更改

  • 我经常使用jQuery,在我的
    .js
    文件中看到警告真的让我很恼火(我知道NetBeans可能指出了正确的问题,但我只是不希望它对我的代码“过于聪明”)

  • 网页设计师应该知道“保存对css的更改并在浏览器中刷新页面”的频率。IDE只是减慢了整个过程

我知道使用IDE的明显优势,但是上面的问题有解决方法吗

此外,在转向NetBeans之前,我曾尝试将我的项目移植到Eclipse(它在缩小的jQuery文件上变得疯狂),但它拒绝为我的
.js
.css
.less
中的
链接使用相对路径,如果我按照前面解释的方法进行操作,它就会工作,但是我不明白为什么我需要在编译时在
classpath
中指定
apache tomcat\lib的
servlet api.jar
,尽管我已经在Windows中的
classpath
变量中添加了apache的lib文件夹的路径

我知道在这个问题中有太多的问题,很可能会被这么多的主持人“缓和”,但我所有的问题都暗示了一个问题,即必须开发JSP/Servlet并设计页面,而不使用IDE,而只使用功能相当强大的文本编辑器,即升华文本


请向我推荐一个可靠的解决方案。

我相信,从长远来看,使用IDE进行Java web应用程序开发(如NetBeans)最终会有所收获,尽管改用新工具绝非易事

NetBeans是一个很好的HTML、JavaScript和CSS文本编辑器。它提供语法突出显示、格式化、代码完成、内联文档、CSS颜色/效果预览和验证

NetBeans可以很容易地配置为部署到您机器上运行的Tomcat实例。在此之后,NetBeans中对HTML、JSP和CSS的任何编辑通常会自动反映在正在运行的应用程序中(只需要刷新F5页面)

在某些情况下,CSS更改不会自动反映在正在运行的应用程序中

  • 如果您在构建过程中缩小CSS,那么您的浏览器正在加载CSS的缩小版本(例如,使用,最好在完成CSS开发后再使用)
  • 如果您正在使用某种CSS文件缓存过滤器。e、 g.您正在为CSS文件显式设置到期头,从而导致浏览器在一段时间内缓存CSS
  • 您可以在外部编辑器中编辑JS/CSS,NetBeans在检测外部编辑器所做的更改方面做得相当好,但有时它不会检测到这些更改,除非最近的更改是在NetBeans编辑器内部进行的
由于您没有遇到即时更新,我认为这是由于您使用较少而不是由于NetBeans本身造成的问题

我自己并没有使用LESS,但在找到了一个解决方案,显然,如果在HTML5浏览器中运行LESS.js,本地存储将用于缓存生成的CSS。这对于正常使用来说是一个很好的特性,但在开发CSS时,这并不是您想要的,因为您不会立即看到CSS更改的结果。解决方案是使用LESS的手表和开发模式。监视模式允许您的CSS自动刷新(无需点击F5),而开发模式将阻止CSS被缓存

加载less样式表和less.js脚本后,可以通过添加以下JavaScript来启用监视模式

<script type="text/javascript">
     less.env = "development";
     less.watch();
</script>

less.env=“开发”;
少看(;
如果你认为NetBeans在JavaScript方面太聪明了,你应该看看它有什么用!对代码运行太多高质量的工具可能会有点破坏灵魂,也就是说我总是使用(我活着就是为了看到绿色的记号!)。NetBeans警告看起来可能有点吓人,但它只是试图让您遵守标准,以帮助您避免进一步出现问题

当我看到您的短语“将整个项目移植到NetBeans 7.1.1”时,我有点担心,我个人建议您的项目应该使用IDE不可知的构建工具(如Ant或Maven)构建。NetBeans对这两种工具都有很好的支持,我自己也是Maven的忠实粉丝。使用这些构建工具意味着您可以避免使用IDE,而是使用命令行构建应用程序实例

顺便说一句,我希望您使用一个版本控制系统,比如Git或Subversion来共享项目文件c
Visiting to localhost:8080/MyProject/less/styles.less 
   shows me its content in the browser.
<script type="text/javascript">
     less.env = "development";
     less.watch();
</script>