Я все еще новичок в 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, так что если кто-то знаетцель этого и или как я получил это было бы замечательно.
Когда я запускаю npm start
из каталога testProgram, терминал идет по несколько бесконечному циклу и отображает этот безостановочно:
> 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
});