Angularjs 如何在开发者模式下使用angular应用程序？

当我创建一个Angular应用程序时，我喜欢保持一种混乱的“开发者模式”，这样我就可以快速查看我的更改，而无需重建或做一些其他烦人的工作来查看更改

在项目中，除非执行

grunt build

，否则任何操作都不起作用。这意味着，对于每一个微小的更改，您都必须重新构建项目才能看到它的运行

---

这不是一种愚蠢的做事方式吗？有更好的办法吗？还是我遗漏了一些我不知道的技巧？

是的，你遗漏了一些东西

Grunt是一个任务管理器，它具有

watch

功能，可以在文件更改时监视文件系统并运行任务。

angular应用程序

库在名为

watch

的grunt任务中实现了此功能

要启动它，只需运行：

grunt watch

从您的命令行

---

如果您想阅读更多关于grunt和类似的内容（例如gulp），请阅读构建工具。谷歌上有很多信息。

样板文件有助于研究组织应用程序的最佳方式，但很有可能最终会有自己的结构

如果你以前没有机会，我建议你试试Requirejs。是优秀的

generator angular

分支，在使用Requirejs搭建脚手架（需要更新项目的节点依赖关系以正确构建它，所以请注意这一点）方面做得非常好。Requirejs的模块包装器本身可能需要一些时间来习惯语法，但是生成器会做一些不必要的工作

生成的项目将使用grunt（连接、缩小等）构建到

dist/

文件夹，但由于Requirejs是面向浏览器的，生成的应用程序将在其未构建状态下完全可以用于开发（只需确保bower依赖项正确链接）

我还建议使用LESS而不是其他预处理器，它可以在客户端使用，无需编译

---

一般来说，Gulp比Grunt快得多，但对于快速调试任务，构建过程仍然是一个难题。

我不知道你的意思是什么？我个人使用gulp和livereload，这样每当我更改代码时，它就会自动构建并刷新浏览器。换句话说，当我点击save时，我会立即看到结果。这对我来说是一个很好的工作流程。