文章/答案/技术大牛

发布

社区首页 >问答首页 >如何用AngularJS搭建开发环境？我在启动和运行基本的AngularJS应用程序时遇到问题

问如何用AngularJS搭建开发环境？我在启动和运行基本的AngularJS应用程序时遇到问题
EN

Stack Overflow用户

提问于 2019-04-02 12:31:44

回答 1查看 84关注 0票数 0

我仍然是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
});

npm

localhost

httpserver

angularjs

回答 1

Stack Overflow用户

发布于 2019-04-02 13:21:22

在看不到你的app.js或index.html的情况下，不可能发表更多评论，但这可能会让你开始……

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

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

这应该会启动您的http-server，而不是陷入循环。

另外，查看您的包文件，您需要首先安装(并保存在文件中)更多的文件。对于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",
  }
}

您会注意到我的脚本/start启动了'lite-server‘，这是我全局安装的本地http-server。详情请参阅enter link description here。

您需要在index.html文件中包含一些依赖项，并且显然要有一个正确的app.js文件(在脚本标记中最后引用该文件)。

你可能还遗漏了一百万件其他的东西，但我希望这能有所帮助！

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55466998

复制

相似问题

问如何用AngularJS搭建开发环境？我在启动和运行基本的AngularJS应用程序时遇到问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用AngularJS搭建开发环境？我在启动和运行基本的AngularJS应用程序时遇到问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用AngularJS搭建开发环境？我在启动和运行基本的AngularJS应用程序时遇到问题
EN