前端便捷开发测试示例

      想写这样一篇文章真是由来已久，因为开发测试这个问题困扰过我很久了。最早的时候，我都是ant 到本地的tomcat上开发的，那时候，后台大致写好了程序，我就通过svn软件把后台新的class文件ant到我本地的tomcat上，然后修改前端代码，如果说在我开发测试的过程中后端确保不会有错误的话，那么这样的开发测试其实也还能接受，但是问题就在于，后台也是是不是弄几个bug出来的，那我就惨了，我就要保存刚写好的前端文件，并更新后端文件，再ant到本地，再把之前的前端代码替换掉旧的前端文件。哎，我现在想回去都觉得真惨，真麻烦。后来，伟大的浩伟哥给我搭建了一个线上测试环境，就是换一个域名，但和真实的线上环境是一模一样的，只是域名不一样而已，于是我就直接在svn上改代码，改好以后，更新一个叫build.xml的文件，更改的地方在于一条路径，这条路径指向不同的地址，通过putty操作以后，那个地址上的前端文件就会被替换，于是看到刚写的代码的效果。如果确定好代码了以后，需要更到真实的线上的话，再把那个build.xml的路径改回到线上的地址，通过putty操作就能把最新的效果放到真实的网页上。这个办法有一两个显而易见的好处，一个是代码不用迁移了，都是svn上的代码，只是更新的地址不一样而已，这个好处是很好的。另一个么就是不用是不是ant到本地开发了，也省去了不少精力。但是问题在于，每次需要看效果，我都需要在putty上做操作，虽然也都是up一下的事情，但总觉得有点麻烦，不是特别喜欢。最终，我遇到了一个叫WinSCPd的软件，这个软件的其他用处我还真不是很清楚，但是在前端这边他有这么一个功能：登陆你的线上测试机环境，你通过在WinSCP修改前端文件，点击保存，刷新你的测试页面，你就看到效果了。不用再做什么提交操作了。可能你是测试过来人了，但是对于我，这真是革命性的，极大的提高了我的开发速度，唯一有点遗憾的是，现在的新代码又需要迁移了。好了，我简单展示一下现在的开发测试环境：

1、你下载一个叫WinSCP的软件，如图：

2、打开以后，是这样一个界面：

3、需要填写的信息如下：。

4。登入以后找到你的测试环境的代码的所在文件。在顶部，有设置编辑器的地方，配置好以后你就能通过直接点击相应的文件修改代码了，修改好一点以后，如果你想马上看代码的话，你就ctrl+save,再去测试网页看，就有效果了。

写得比较简单，但其实也就这样了。WinSCP的其他功能还有待慢慢探索。之前呢，也看到有一些修改代码很直接的方式，比如谷歌上的JetBrains IDE Support，但局限于修改css和html代码，js的高效修改并查看效果我还很少看到。

如果JSER你有其他的一些高效开发的方法的话，我很希望你也回复点或者你自己另写一篇博客来分享分享哈！