我仍然是AngularJS的新手，正在尝试弄清楚我应该如何开始/开始我的应用程序制作。我首先做了两个文件索引.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 应用程序的任何提示(最好是一般的分步说明)将不胜感激，因为我不确定我这样做的方式。(我看过很多教程，有很多方法可以解决这个问题，但这种方式似乎是最常见和最直接的。
这是我的索引.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>
这是我的应用程序.js：
var modone = angular.module("App",['main']);
var modtwo = angular.module("main", []);
modtwo.controller("mainCtrl", function($scope) {
// no code yet
});
如果不看到您的应用程序.js或索引，就不可能发表更多评论.html但这可能会让您开始......
我认为您的主要问题是您的 package.json 文件中的脚本部分应该是：
"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服务器。详细信息请在此处输入链接说明。
您需要在索引.html文件中包含依赖项，并且显然有一个适当的工作应用程序.js文件(在您的脚本标记中最后引用)。
您可能还缺少一百万个其他东西，但我希望这有所帮助！