Делая мои первые шаги в направлении Angular 2.0.

Первым делом нужно создать правильную среду для развития.

Мой index.html

<!DOCTYPE HTML>
<html>

<head>
  <title>Welcome to Angular 2.0</title>
  <!--css-->
  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
 </head>

 <body>
 <div class="container">
    <h1> Hello Angular 2 </h1>
      <my-app> Loading app component....<my-app>
</div>
<!--js-->
<!-- Polyfills for older browsers -->
<script src="https://unpkg.com/core-js/client/shim.min.js"></script>

<script src="https://unpkg.com/zone.js@0.7.4?main=browser"></script>
<script src="https://unpkg.com/reflect-metadata@0.1.8"></script>
<script src="https://unpkg.com/systemjs@0.19.39/dist/system.src.js">   </script>

<script> window.autoBootstrap = true; </script>

<script src="https://cdn.rawgit.com/angular/angular.io/b3c65a9/public/docs/_examples/_boilerplate/systemjs.config.web.js"></script>
<script>
    System.import('app').catch(function (e) { console.log(e); });
  </script>
  <!--js-->
 </body>

 </html>

Я скопировал содержимое с https://angular.io/docs/ts/ latest / guide / setup.html для следующих файлов: -

  • app.component.ts
  • app.module.ts
  • main.ts

NPM установлен и работает.

NodeJS

Но чтобы получить node_modules папки с необходимыми зависимостями для запуска приложения. Какие команды мне нужно запустить.

Какие команды мне нужно выполнить для настройки среды Angular 2?

Обратите внимание, я новичок в NPM. Благодарю.

0
Kgn-web 10 Янв 2017 в 16:24

4 ответа

Лучший ответ

npm install в корневом проекте (он создаст ваш node_modules из зависимостей, упомянутых в файле package.json, должен иметь эти файлы в качестве начала)

1
selem mn 10 Янв 2017 в 13:42

Если вы уже используете код Visual Studio в качестве IDE, вы можете захотеть изучить как они рекомендуют настроить Angular. Я лично нашел их руководство по установке безболезненным и многофункциональным. Я никогда раньше не проходил официальную установку Angular из-за того, что был залит в проектах jQuery. Это руководство было достаточно простым, чтобы дать мне хорошее понимание новичкам.

0
klewis 19 Сен 2017 в 15:34

Простой способ настроить ваше первое приложение Angular 2.

  1. Загрузите zip-версию здесь. firstAngular2App

  2. Распакуйте его в папку назначения. Assume D:

  3. Откройте командную строку (убедитесь, что все необходимые программы установлены).

  4. Перейдите в папку. Используйте команду cd D:\firstAngular2App

  5. Выполнить npm install

  6. Как только это будет сделано, используйте npm start

Таким образом, ваше первое приложение Angular 2 будет запущено и запущено.

2
Aravind 10 Янв 2017 в 13:35

У вас есть angular-cli , который является хорошей отправной точкой. Это настроит вас в соответствии с лучшими практиками.

2
Philippe Corrèges 10 Янв 2017 в 13:26