Question

我是AngularJs的新手，我已按照以下tutorial中所述的步骤，通过Yeoman对我的应用程序进行了scafolding。

步骤：

npm install -g yo grunt-cli bower

npm install -g generator-angular

yo angular

npm install karma-jasmine --save-dev

npm install karma-chrome-launcher --save-dev

grunt serve

当我这样做时，它会创建一个包含“/ app”目录的文件，我可以在其中进行编码。执行命令。

grunt serve

这样做我可以在

查看我的项目

localhost:9000

但是，如果我通过

导航到项目

localhost:8888 (my local MAMP server)

我收到参考和资源错误。我想知道的是。

grunt在做什么，为什么我的项目不能在localhost上工作：8888？
这种方法是支撑角度项目的最佳方法吗？

Answer 1

1）grunt serve创建在节点服务器上运行的应用程序的临时版本，该服务器支持“livereload”。这意味着，如果您编辑源文件，则会自动刷新托管在：9000上的网页

2）要在网络服务器中运行应用程序（就像您正在运行的应用程序：8888），您应该使用grunt build在'dist'目录中创建应用程序的生产就绪版本

Answer 2

这个问题与grunt或Mamp或AngularJS无关。事实上，它根本不是问题，只是偏好。 mamp更喜欢在端口8888上运行，因为灯（mamp的windows版本）使用端口80.端口只是从某个地方到您的计算机的入口点。在计算机中，最多有65535个端口。

这也意味着，您可以在一台计算机上托管65535个网站。

如果您希望您的网站在8888上运行，那么只需打开gruntfile.js文件并搜索9000并将其更改为8888然后完成。

如果你愿意的话，你也可以通过一些配置文件来改变mamp运行的端口，但这有点困难。

将所有这一切带回家的一个关键因素是，您的网站不应该在已有东西的端口上运行。例如，如果您打开Skype，它通常在端口80上运行，因此如果您想在端口80上运行网站，那么您必须先关闭Skype。

使用grunt部署的AngularJS项目仅适用于localhost：9000

2 个答案: