Как использовать Angular 2 с NetBeans?

Question

Я пробовал каждый учебник, который я мог бы найти, чтобы попытаться создать проект HTML/JS с Angular 2, работающим на NetBeans, но никто не работал. Может быть, мой npm прослушивается (поиск, например, не работает).

Папка node_modules, созданная с помощью npm install, является серой на NetBeans и имеет некоторые ошибки в некоторых файлах (я не знаю, нормально ли это). Любые .js Я пытаюсь импортировать из node_modules folder дает ошибку Failed to load resource: net::ERR_EMPTY_RESPONSE/Uncaught ReferenceError: System is not defined.

Кто-нибудь знает, что я могу делать неправильно? Или кто-нибудь знает какой-либо учебник, в котором есть код для загрузки, поэтому я могу сравнить с тем, что я делаю, и посмотреть, что является правильным? Каждый учебник, который я нашел, не содержит никакого кода для загрузки, просто некоторые части кодов на странице для объяснения. Sory, если это не очень хороший вопрос, но я стараюсь сделать эту работу со вчерашнего дня без успеха, и я полностью не в тему.

Answer 1

Я бы порекомендовал вам установить угловые консоли: npm install -g angular-cli@webpack

Форы более подробной информацию относительно этого инструмента, посмотрите здесь: https://cli.angular.io/

Затем создайте новое приложение Angular2 с ng new <app-name>

Это будет создайте полное и работающее приложение Angular2 в текущей папке.

cd <app-name> и запустите приложение с помощью ng serve.

Проверьте свое новое приложение в своем браузере на localhost:4200.

Если это работает, вы можете попробовать начать работу с вашими NetBeans! :)

Answer 2

Сначала я рекомендую обновить до последней версии NodeJS и НПМ, чтобы свести к минимуму ошибки в папке node_modules

Установите машинопись плагин в Everlaw от https://github.com/Everlaw/nbts/releases. Если вы используете Netbeans 8.1, я думаю, вы можете установить его непосредственно из установщика Plugins. Я использую NetBeans 8.2, и нет никаких проблем с установкой плагина вручную.

Затем на NetBeans перейдите к Сервис -> Параметры -> HTML/JS -> Node.js и написать правильный узел и НПМ Пути и источники, я бы рекомендовал проверить, на трех флажков в этой панели ,

Для быстрого запуска демонстрации QuickStart с страницы angular.io нет необходимости вносить изменения в package.json. Первый раз, когда я пытался отладить Угловое 2 приложения я положил файл index.html непосредственно в папке проекта для того, чтобы не вносите никаких изменений в источников index.html сценариев ни изменять файлы проекта структура, но вам необходимо изменить некоторые свойства проекта:

• в окне проекта щелкните правой кнопкой мыши проект и выберите свойства.
• В источниках изменить Корневой каталог сайта с помощью кнопки «Обзор» и выберите папку проекта (вы можете игнорировать появившееся предупреждение).
• In Run select Запуск As: Веб-приложение.
• Я рекомендую выберите Браузер: Chrome с разъемом NetBeans
• При помощи кнопки Обзор перейдите в папку проекта и выберите index.html в качестве Start File.
• Выбрать Веб-сервер: Встроенный Легкий вес.
• И, наконец, в Web Root записи/Your_Project_Folder

запустить НПМ установить из NetBeans

Нажмите кнопку запуска и веб-приложение должно открыть в хроме, если изменить HTML или машинописный файлы и сохранять их, вы можете видеть изменения в браузере в режиме реального времени без повторной отладки вашего приложения и использовать окно DOM браузера для изучения ваших элементов, созданных с помощью Angular 2.

Вы по-прежнему видите некоторые ошибки в своих файлах, потому что NetBeans не полностью совместим с синтаксисом HTML Angularized. Но он работает безупречно.

Вы также можете запустить стартовый скрипт непосредственно из Netbeans для запуска вашего проекта с использованием lite-Server.

Screenshot NetBeans - Angular 2