如何设置一个极简的 angular-js 前端开发环境

Question

我试图从头开始设置一个angular-js （不是最新的 angular）前端应用程序。 我在Windows和npm http-server上使用可视代码从nnpm脚本运行前端。

在浏览了 angular-js tuto 之后，我找到了一个极简主义的“Hello Angular”应用程序结构。

文件树结构如下

• 包.json
• 应用程序/

• index.html
• app.module.js

已安装 npm 包：

npm install

创建一个新文件夹以托管所有 npm 包

• 包.json
• 应用程序/
• ...
• 节点模块

这是package.json文件（它是 angular tuto 的副本）

{
    "name": "simple2",
    "private": true,
    "version": "0.0.0",
    "description": "a simple minimalist app",
    "dependencies": {
        "angular": "1.8.x",
        "bootstrap": "3.3.x"
    },
    "devDependencies": {
        "angular-mocks": "1.8.x",
        "cpx": "^1.5.0",
        "http-server": "^0.11.1"
    },
    "scripts": {
        "postinstall": "npm run copy-libs",
        "update-deps": "npm update",
        "postupdate-deps": "npm run copy-libs",
        "copy-libs": "cpx \"node_modules/{angular,angular-*,bootstrap/dist}/**/*\" app/lib -C",
        "prestart": "npm install",
        "start": "http-server ./app -a localhost -p 8000 -c-1",
        "pretest": "npm install",
        "preupdate-webdriver": "npm install",
        "update-webdriver": "webdriver-manager update"
    }
}

当我运行启动 npm 脚本时，我在响应中找到了一个HTTP 302以获取 / 根（在 chrome 中为 ERR_INVALID_REDIRECT 并在 localhost 发送错误响应上有注释）。

启动脚本按如下方式运行（来自可视化代码），如package.json文件中脚本部分的 start 属性所述。

npm http-server ./app -a localhost -p 8000 -c-1

<!doctype html>
<html ng-app="myApp">
   <head>
    <title>Hello Angular</title>
    <link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" href="app.css" />
    <script src="lib/angular/angular.js"></script>
    <script src="app.module.js"></script>
  </head>
  <body>
    Hello Angular
  </body>
</html>

与 angular tuto 环境使用的完全相同的文件工作得很好。

我可以猜测服务器端抛出了一个错误，最终重定向到错误页面，但调试 http-server 没有帮助。

我可能错过了一些让 http-server 无法以正确方式运行的东西，但没有看到什么。 我认为这与环境有关，但无法弄清楚是什么。 有什么建议么 ？

实际上，我正在寻求详细描述以从头开始设置angular-js前端开发环境。 即使在第 1 步，教程仍然带有“复杂”结构（与angular 种子项目相同）