Question

将我的初步步骤转向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>

我已将Valley Island (Baytrail) BSP的内容复制到以下文件中： -

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

已安装NPM＆amp;运行

https://angular.io/docs/ts/latest/guide/setup.html

但是为了获得具有所需依赖关系的node_modules文件夹，应用程序才能运行。我需要运行什么命令。

设置Angular 2环境需要运行哪些命令？

请注意我是NPM的新手。感谢。

Answer 1

你有 angular-cli ，这是一个很好的起点。它会根据最佳实践为您提供一切。

Answer 2

设置第一个Angular 2应用程序的简单方法。

在此处下载zip版本。 firstAngular2App
将其解压缩到目标文件夹。 Assume D:
打开命令提示符（确保已安装所有必需的软件）。
将其导航到该文件夹。使用命令cd D:\firstAngular2App
执行npm install
完成后，请使用npm start

通过这种方式，您可以启动并运行第一个Angular2应用程序。

Answer 3

根项目中的

npm install（它将根据node_modules文件中提到的依赖关系创建package.json，应该以those files为开头）

Answer 4

如果您已将Visual Studio Code用作IDE，则可能需要浏览how they recommend setting up Angular。我个人发现他们的安装指南无痛且功能丰富。由于在jQuery项目中浸透，我之前从未经历过官方的Angular安装。这本指南很简单，足以让我初学者了解。

如何为Angular 2.0设置环境？

4 个答案: