Question

我正在迈出MEAN堆栈的步骤，但无法弄清楚步骤1，如何运行我的应用程序。我将如何用于开发Web服务器以及如何在我的目录中启动它？

如果我只是将index.html作为文件启动它将无法正常工作。

这是我的代码

<!DOCTYPE html>
<html>

  <head lang="en">
    <meta charset="utf-8">
    <title>My Site</title>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js">    </script>
    <link rel="stylesheet" href="style.css">
<script>
  document.write('<base href="' + document.location + '" />');
</script>
<script src="app.js"></script>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/3.2.1/css/bootstrap-combined.min.css"
rel="stylesheet">
  </head>

  <body ng-app="myApp" ng-controller="MainCtrl"> 
    <a class="btn" ng-click="visible = true">Show the Form</a>

    <div ng-show="visible">I used to be hidden!</div>

  </body>

</html>

app.js

var app = angular.module( 'myApp', [] );

app.controller( 'MainCtrl', function( $scope ) {
  $scope.visible = false;
});

Answer 1

如果您只想探索AngularJS功能（或任何其他前端库），您就不需要Node.js应用。

假设您已经安装了npm，请按照以下简单步骤操作：

npm install http-server -g
从您的控制台转到包含您的html文件的文件夹
输入http-server -c-1 -p 9000

这将在端口9000上启动一个简单的Web服务器，而在指定的目录中没有缓存。然后只需从浏览器转到http://0.0.0.0:9000/your_page.html即可。

如果您想在http-server

上探索更多选项

Answer 2

此代码可以在没有http服务器的情况下运行，只需在浏览器中运行即可。请注意，您使用的是非常过时的Angular版本（1.0.3），它们刚刚发布了1.3.0版本。

如果你想在本地开发服务器上运行你的东西，你可以使用像yeoman这样的东西，它为你生成应用程序样板，并附带本地节点服务器和构建作业（例如检查https://github.com/yeoman/generator-webapp或https://github.com/yeoman/generator-gulp-webapp）

如果您只想要一个超级简单的hhtp服务器并安装了python，您还可以使用python -m SimpleHTTPServer在当前文件夹中启动http服务器。

以下是您在plunker中的代码，它有效：http://plnkr.co/edit/j2SqmrP1yWqR68Gm3UCn?p=preview

Answer 3

当您使用MEAN堆栈时，您应该检查node.js以实现您的Web服务器。检查http://www.nodebeginner.org/，它应该允许您编写一个非常简单的代码。

为angular nodejs app启动Web服务器

3 个答案: