如何通过Vagrant查看和共享正在运行的Angular应用程序?

时间:2014-09-01 10:26:59

标签: angularjs gruntjs vagrant

我使用Yeoman fullstack安装程序安装了一个基本的Angular应用程序,当我运行'grunt serve'时,我可以看到http://localhost:9000上运行的基本页面。

我还使用ubuntu / trusty64框运行Vagrant安装。我在尝试查看http://127.0.0.1:4567/时最初看到的是404,但是按照我在网上找到的一些说明,我通过删除/etc/apache2/sites-enabled/000-default.conf中的'vagrant ssh'编辑了该文件该文件中路径的html部分。做'vagrant reload'后,我现在看到我的项目目录中的文件列表,当我转到该URL时。

如何在localhost:9000处查看我的角度应用?如果我得到这个工作,这意味着如果我通过Vagrant分享,他们会看到角度应用运行应该如何运行?我是否还需要与Vagrant一​​起运行grunt服务?

我对所有这些设置都很陌生,所以我只是按照https://github.com/DaftMonk/generator-angular-fullstack&的说明进行操作。 https://docs.vagrantup.com/v2/getting-started/index.html

我对Linux / cmd行的东西还不太好,因此我的问题......:)

谢谢!

1 个答案:

答案 0 :(得分:1)

我开始为你写关于如何完成它的说明。但后来意识到你对linux命令不太满意。我创建了一个使用vagrantangularrequirejs的{​​{3}}。它很容易设置,我已经在angular-seed project中写了关于如何做到这一点的说明。

只需克隆它,按照说明进行操作即可立即进行种子项目。种子的一些特征是:

使用vagrantpuppet来配置虚拟机。所有必需的依赖项都会自动安装。

Grunt任务:

  • autoloading bower dependencies
  • 编译sass或scss
  • livereload
  • 本地访问网站的服务器

如果您有任何疑问或问题,请随时与我联系。

相关问题