Question

我还是AngularJS的新手，并试图弄清楚如何开始/开始我的应用程序制作。我首先制作了两个文件index.html和app.js，然后继续使用npm init命令制作了package.json文件，其中的内容看起来像（我在脚本中添加了start属性）：

{
      "name": "app",
      "version": "1.0.0",
      "description": "idk",
      "main": "app.js",
      "scripts": {
            "start": "npm run start",
            "test": "echo \"Error: no test specified\" && exit 1"
      },
      "author": "Me",
      "license": "ISC",
      "dependencies": {
        "http-server": "^0.11.1"
      }
    }

我的文件目录如下：

testProgram -> app.js
testProgram -> index.html
testProgram -> package.json
testProgram -> package-lock.json
testProgram -> node_modules -> angular

我已经对此做了很多随机命令，并且不确定我是如何得到node_modules软件包的，所以如果有人知道它的目的和/或我是如何得到的，那会很棒。

当我从testProgram目录运行npm start时，终端进入一个无限循环并显示此不间断：

> app@1.0.0 start /Users/Me/AngularJS/testProgram
> npm run start


> app@1.0.0 start /Users/Me/AngularJS/testProgram
> npm run start


> app@1.0.0 start /Users/Me/AngularJS/testProgram
> npm run start


> app@1.0.0 start /Users/Me/AngularJS/testProgram
> npm run start

因此，我想知道如何建立一个适当的开发环境，以便可以看到自己的编辑/更改。我希望能够在任何本地主机或http服务器上运行我的应用程序。我应该怎么做呢？另外，关于设置angularJS应用程序的任何技巧（最好是一般性的逐步说明）都将非常感谢，因为我不确定我的操作方式。（我看过很多教程，并且有很多方法可以解决这个问题，但是这种方法似乎是最普通和直接的。）

这是我的index.html：

<!DOCTYPE html>
<html ng-app="App">
    <head>
        <meta charset="utf-8">
        <title>Angular Test</title>
    </head>
    <body ng-controller="mainCtrl">
        {{7 + 17}}
    </body>
</html>

这是我的app.js：

var modone = angular.module("App",['main']);
var modtwo =  angular.module("main", []);
modtwo.controller("mainCtrl", function($scope) {
        // no code yet
});

Answer 1

在没有看到您的app.js或index.html的情况下进行更多评论是不可能的，但这可能会让您入门...

我认为您的主要问题是package.json文件中的scripts部分应该是：

"scripts": {
    "start": "http-server"
  }

这应该启动您的http服务器，而不是陷入循环。

还要查看您的软件包文件，您需要首先安装（并保存在文件中）更多文件。我的AngularJS看起来像这样（我已经删掉了很多我使用的特定内容）：

{
  "name": "AngularJS App",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "lite-server",
    "gulp": "gulp"
  },
  "dependencies": {
    "angular": "^1.7.8",
    "bootstrap-sass": "^3.4.1",
    "jquery": "^3.3.1",
    "lodash": "^4.17.11"
  },
  "devDependencies": {
    "angular-mocks": "^1.7.8",
    "del": "^4.0.0",
    "gulp": "^4.0.0",
    "jasmine": "^3.3.1",
    "karma": "^4.0.1",
    "karma-chrome-launcher": "^2.2.0",
    "karma-coverage": "^1.1.2",
    "karma-jasmine": "^2.0.1",
    "karma-ng-html2js-preprocessor": "^1.0.0",
    "karma-spec-reporter": "0.0.32",
  }
}

您会注意到我的脚本/启动启动了“ lite-server”，这是我在全球范围内安装的本地http服务器。详细信息为enter link description here。

您需要在index.html文件中包括依赖项，并且显然有一个正常工作的app.js文件（在脚本标记中最后引用）。

您可能还缺少一百万种其他东西，但我希望这会有所帮助！

如何使用AngularJS设置开发环境？我无法启动并运行基本的AngularJS应用

1 个答案: