javascript - 刚进公司的前端有问题请教

Question

刚进公司半个月，在这半个月的时间里，做不不少事，但效率确实低，一是不熟悉公司前端框架，二是对工作方式不太熟悉。

当然，现在要好很多了，不过还是有很多问题。

公司项目是使用Java做的，前端采用了RequireJs来组织代码，AngularJS在前端处理数据，UI是自定义的一些组件。但工程项目的目录有点凌乱，没有划分dev目录，src目录不是开发目录，而是生产环境目录。

开发环境使用interllij idea，HTML和CSS我可以在熟悉的Atom里做，但Angular不得不在idea里调试。

我现在的问题是，如果能重构下前端的结构，使用我熟悉的编辑器，如Atom或Sublime，来做前端的事，在工程化工具的帮助下，实现在保存源码时能刷新页面。但idea是必须做热部署的，才可以看到修改后的效果。

请教下，有什么方法可以实现我的想法

Answer 1

其实，你们目前的协作方式已经决定了你们的开发方式。你目前的前端代码是依赖于后端环境的(主要是数据的依赖，比如数据部分需要java的控制器进行渲染等)，如果不依赖的话，实现保存源码就刷新的方式很多。就node而言，可以使用如supervisor，pm2之类的。还有一个就是java需要编译(你这里说的热部署)到另一个目录。

其实，对于idea的协作，也是支持修改代码自动部署的。可以试试插件，JRebel。

这样应该可以做到，编辑工具你可以自己选择的，只是需要idea的java部分的环境。

Answer 2

你也许需要自动化构建工具

如果你用的是ng，可以使用gulp进行合并、压缩、打包、watch-reload（自动刷新浏览器）

如果你用的是react、vue，可以使用webpack进行打包、hot-reload（自动热替换）

Answer 3

生成器来一发 http://yeoman.io/generators/