尝试使用TypeScript将Anguar 5分钟快速翻译并执行一次

5分钟快速入门

我会参考Angular2进行写作。

由于没有留出充足的时间,我打算顺便学习AngularJS2以便提高自己的英语水平,并尝试进行Angular2的翻译和解决相关问题。如果有错误或者更好的建议,请毫不犹豫地提出。

TypeScript 的 Angular 2

我们QuickStart的目标是在TypeScript中构建和运行一个超级简单的Angular 2应用,并为剩余的文档示例建立一个开发环境,这也可以成为真实世界应用的基础。

快速入门指南的目的是用TypeScript构建和运行非常简单的Angular应用程序。
创建开发环境的示例文档也是构建生产开发环境的基础。

试一试吧!

尝试一下在Plunker中加载示例应用程序并显示简单信息的实时例子。

请尝试加载Plunker上的示例应用程序并查看简单消息的实时示例。

开发这个应用程序!

・前提条件:安装Node.js
・步骤1:创建应用程序的项目文件夹,并定义包依赖和特殊项目设置
・步骤2:创建应用程序的Angular根组件
・步骤3:创建Angular模块
・步骤4:添加main.ts,将根组件标识为Angular
・步骤5:添加index.html,用于托管应用程序的网页
・步骤6:构建并运行应用程序
・对应用程序进行一些更改
・总结

・前提条件: 需要安装 Node.js
・第一步: 创建应用程序项目文件夹,并定义依赖关系来设置特殊项目
・第二步: 创建 Angular 应用程序的根组件
・第三步: 创建 Angular 模块
・第四步: 添加一个 main.ts 文件,用于定义 Angular 的根组件
・第五步: 添加用于托管应用程序的 index.html 文件
・第六步: 构建并执行应用程序
・修改应用程序的内容

先决条件:Node.js

如果您的计算机尚未安装Node.js和npm,请安装它们。

如果开发环境中尚未安装Node.js和npm,则安装Node.js和npm。

在终端/控制台窗口中通过运行 node -v 和 npm -v 来验证您是否至少运行 node v4.x.x 和 npm 3.x.x 版本。旧版本会产生错误。

请在终端/控制台窗口中执行 node -v 和 npm -v 命令,确保至少安装了 Node.js 4.x.x 版本和 npm 3.x.x 版本。如果使用的是较旧的版本,将会产生错误。
请打开终端并执行以下命令。

$node -v
v4.x.x.
$npm -v
v3.x.x

下载源代码 má)

我们可以从GitHub下载QuickStart的源码,并按照简单的说明来操作,而不是按照这些指令的每一步进行操作。

您可以从GitHub下载快速入门并查看其简要说明,取代以下所述的步骤。

安装Nodejs

nodejs.png
$node -v
v4.4.7
$npm -v 
v3.10.7

如果你的 node 版本是 4 系列,npm 版本是 3 系列,那就没有问题。

关于npm的版本更新

如果运行 $ npm -v 的版本是2系的话,可以使用以下命令来升级npm的版本。

$sudo npm update -g npm
//実行処理
$npm -v
v3.x.x

你可以使用上述命令来升级npm的版本。

绊倒的地方

没有使用sudo命令进行node更新的情况下。

$npm update -g npm
//実行処理
$npm -v
-bash: npm: command not found

一下子转到中文,只给一个选项:
可能是因为npm自己在更新,所以开始更新但是判断没有权限,可能导致npm包状态消失吧.
请有了解的人告诉我。
顺便说一下,那些变成上述这样的人可以通过以下大致解决。删除并重新安装node,可能有更好的方法。

$cd /
$cd usr/local/bin
$rm -rf node

请重新开始从安装Node.js的步骤开始执行。

npm和nodejs的安装已经完成。

广告
将在 10 秒后关闭
bannerAds