如何为 Angular 2.0 设置环境？
Posted
技术标签:
【中文标题】如何为 Angular 2.0 设置环境？【英文标题】：How to setup the environment for Angular 2.0? 【发布时间】：2017-05-25 00:10:00 【问题描述】：向 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.tsNPM 已安装并正在运行。
但是为了获得具有运行应用所需依赖项的node_modules 文件夹。
我需要运行哪些命令。
设置 Angular 2 环境需要运行哪些命令？
请注意，我是 NPM 的新手。 谢谢。
【问题讨论】：
@echonax，请注意我是 NPM 新手 只需按照角度文档。够了 【参考方案1】：你有 angular-cli 这是一个很好的起点。它会根据最佳实践为您设置好一切。
【讨论】：
【参考方案2】：设置您的第一个 Angular 2 应用程序的简单方法。
在此处下载 zip 版本。firstAngular2App
将其解压缩到您的目标文件夹。 Assume D:
打开命令提示符（确保安装了所有必需的软件）。
将其导航到文件夹。使用命令cd D:\firstAngular2App
执行npm install
完成后使用npm start
这样您就可以启动并运行您的第一个 Angular2 应用程序。
【讨论】：
【参考方案3】：npm install 在根项目中（它将根据package.json 文件中提到的依赖项创建您的node_modules，应该以those files 作为开始）
【讨论】：
我的应用位于 D:\Workspace\Angular\Lab1\app 所以你应该用cd <path>命令指向它，然后运行npm install来得到你的node_modules目录。
通常你应该在你的命令提示符下执行：d:，然后是cd \Workspace\Angular\Lab1\app，然后是npm i
你不认为我们需要 package.json 吗？？【参考方案4】：
如果您已经在使用Visual Studio Code 作为 IDE，您可能想要探索how they recommend setting up Angular。我个人发现他们的安装指南轻松且功能丰富。由于沉浸在 jQuery 项目中，我之前从未经历过官方的 Angular 安装。本指南非常简单，足以让我对初学者有很好的理解。
【讨论】：
以上是关于如何为 Angular 2.0 设置环境？的主要内容，如果未能解决你的问题，请参考以下文章
TensorFlow 2.0 Keras：如何为 TensorBoard 编写图像摘要