快速开始 -> 快速起步

This commit is contained in:
rexebin 2016-11-27 10:41:55 +00:00
parent 26100f95f6
commit afc17dce11
10 changed files with 21 additions and 13 deletions

View File

@ -510,7 +510,7 @@ a#source-code
:marked :marked
## AoT QuickStart Source Code ## AoT QuickStart Source Code
## AoT快速开始源代码 ## AoT快速起步源代码
Here's the pertinent source code: Here's the pertinent source code:
@ -542,7 +542,7 @@ a#toh
In this section you apply what you've learned about AoT compilation and Tree Shaking In this section you apply what you've learned about AoT compilation and Tree Shaking
to an app with more substance, the tutorial [_Tour of Heroes_](../tutorial/toh-pt6.html). to an app with more substance, the tutorial [_Tour of Heroes_](../tutorial/toh-pt6.html).
上面的例子是快速开始应用的一个简单的变体。 上面的例子是《快速起步》应用的一个简单的变体。
在本节中,你将在一个更多内容的应用 - [英雄指南](../tutorial/toh-pt6.html)上使用从AoT编译和摇树优化学到的知识。 在本节中,你将在一个更多内容的应用 - [英雄指南](../tutorial/toh-pt6.html)上使用从AoT编译和摇树优化学到的知识。
### JiT in development, AoT in production ### JiT in development, AoT in production

View File

@ -27,7 +27,7 @@ include ../_util-fns
This cookbook explains how to set up the QuickStart files with an **ASP.NET 4.x project** in This cookbook explains how to set up the QuickStart files with an **ASP.NET 4.x project** in
Visual Studio 2015. Visual Studio 2015.
本烹饪书解释了如何使用Visual Studio 2015在**ASP.NET 4.x项目**中设置**快速开始**文件。 本烹饪书解释了如何使用Visual Studio 2015在**ASP.NET 4.x项目**中设置**《快速起步》**文件。
.l-sub-section .l-sub-section
:marked :marked
If you prefer a `File | New Project` experience and are using **ASP.NET Core**, If you prefer a `File | New Project` experience and are using **ASP.NET Core**,
@ -333,7 +333,7 @@ h2#build-and-run 第五步:构建和运行应用
:marked :marked
The default browser opens and displays the QuickStart sample application. The default browser opens and displays the QuickStart sample application.
默认浏览器打开并显示快速开始例子应用。 默认浏览器打开并显示《快速起步》例子应用。
Try editing any of the project files. *Save* and refresh the browser to Try editing any of the project files. *Save* and refresh the browser to
see the changes. see the changes.

View File

@ -10,7 +10,7 @@
"setup": { "setup": {
"title": "搭建本地开发环境", "title": "搭建本地开发环境",
"navTitle": "开发环境", "navTitle": "开发环境",
"intro": "安装 Angular 《快速开始》种子,更快更有效地在本地开发应用", "intro": "安装 Angular 《快速起步》种子,更快更有效地在本地开发应用",
"nextable": true, "nextable": true,
"hideNextPage": true, "hideNextPage": true,
"basics": true "basics": true

View File

@ -50,7 +50,7 @@ a#directive-overview
You saw a component for the first time in the [QuickStart](../quickstart.html) example. You saw a component for the first time in the [QuickStart](../quickstart.html) example.
*组件*是这三种指令中最常用的。 *组件*是这三种指令中最常用的。
你在[快速开始](../quickstart.html#root-component)例子中第一次见到组件。 你在[快速起步](../quickstart.html#root-component)例子中第一次见到组件。
*Structural Directives* change the structure of the view. Two examples are [NgFor](template-syntax.html#ngFor) and [NgIf](template-syntax.html#ngIf) *Structural Directives* change the structure of the view. Two examples are [NgFor](template-syntax.html#ngFor) and [NgIf](template-syntax.html#ngIf)
in the [Template Syntax](template-syntax.html) page. in the [Template Syntax](template-syntax.html) page.

View File

@ -9,7 +9,7 @@ block includes
## QuickStart Rewrite (2016-11-18) ## QuickStart Rewrite (2016-11-18)
## 全新《快速开始》 (2016-11-18) ## 全新《快速起步》 (2016-11-18)
The QuickStart is completely rewritten so that it actually is quick. The QuickStart is completely rewritten so that it actually is quick.
It references a minimal "Hello Angular" app running in Plunker. It references a minimal "Hello Angular" app running in Plunker.
@ -17,7 +17,7 @@ block includes
by downloading (or cloning) the QuickStart github repository. by downloading (or cloning) the QuickStart github repository.
You are no longer asked to copy-and-paste code into setup files that were not explained anyway. You are no longer asked to copy-and-paste code into setup files that were not explained anyway.
《快速开始》被重新编写,变得更加快速。 《快速起步》被重新编写,变得更加快速。
它使用了在 Plunker 中运行的最小化的 “Hello Angular” 应用。 它使用了在 Plunker 中运行的最小化的 “Hello Angular” 应用。
新添加的[搭建本地开发环境](setup.html)页面解释了如何通过下载或者克隆 QuickStart github 库来安装本地开发环境。 新添加的[搭建本地开发环境](setup.html)页面解释了如何通过下载或者克隆 QuickStart github 库来安装本地开发环境。
你将不再需要拷贝粘贴代码到一些并没有对其解释的配置文件中。 你将不再需要拷贝粘贴代码到一些并没有对其解释的配置文件中。
@ -137,7 +137,7 @@ block includes
followed by the more advanced considerations of compiling and bundling the Tour of Heroes. followed by the more advanced considerations of compiling and bundling the Tour of Heroes.
全新[预编译(AoT)](../cookbook/aot-compiler.html)烹饪书介绍了什么是AoT编译和为何你需要它。 全新[预编译(AoT)](../cookbook/aot-compiler.html)烹饪书介绍了什么是AoT编译和为何你需要它。
它以**快速开始**应用程序开始讲解,接着介绍了编译和构建**英雄指南**的更高级的注意事项。 它以**快速起步**应用程序开始讲解,接着介绍了编译和构建**英雄指南**的更高级的注意事项。
## Sync with Angular v.2.0.2 (2016-10-6) ## Sync with Angular v.2.0.2 (2016-10-6)

View File

@ -192,7 +192,7 @@ a#root-module
The `AppModule` from the [_QuickStart seed_](setup.html) is about as minimal as it gets: The `AppModule` from the [_QuickStart seed_](setup.html) is about as minimal as it gets:
[快速开始种子库](setup.html)中的`AppModule`是绝对最小化的版本: [快速起步种子库](setup.html)中的`AppModule`是绝对最小化的版本:
+makeExample('setup/ts/app/app.module.ts', '', 'app/app.module.ts (minimal)')(format=".") +makeExample('setup/ts/app/app.module.ts', '', 'app/app.module.ts (minimal)')(format=".")
:marked :marked

View File

@ -11,11 +11,19 @@ a#develop-locally
:marked :marked
## Setup a local development environment ## Setup a local development environment
## 搭建本地开发环境
<span if-docs="ts"> <span if-docs="ts">
The <live-example name=quickstart>QuickStart live-coding</live-example> example is an Angular _playground_. The <live-example name=quickstart>QuickStart live-coding</live-example> example is an Angular _playground_.
It's not where you'd develop a real application. It's not where you'd develop a real application.
You [should develop locally](#why-locally "Why develop locally") on your own machine ... and that's also how we think you should learn Angular. You [should develop locally](#why-locally "Why develop locally") on your own machine ... and that's also how we think you should learn Angular.
</span> </span>
<span if-docs="ts">
<live-example name=quickstart>《快速起步》 live-coding</live-example> example is an Angular _playground_.
It's not where you'd develop a real application.
You [should develop locally](#why-locally "Why develop locally") on your own machine ... and that's also how we think you should learn Angular.
</span>
Setting up a new project on your machine is quick and easy with the **QuickStart seed**, Setting up a new project on your machine is quick and easy with the **QuickStart seed**,
maintained [on github](!{_qsRepo} "Install the github QuickStart repo"). maintained [on github](!{_qsRepo} "Install the github QuickStart repo").

View File

@ -559,7 +559,7 @@ code-example(format="." language="bash").
The documentation setup defines the `test` command in the `scripts` section of npm's `package.json`. The documentation setup defines the `test` command in the `scripts` section of npm's `package.json`.
The Angular CLI has different commands to do the same thing. Adjust accordingly. The Angular CLI has different commands to do the same thing. Adjust accordingly.
《快速开始》在npm的`package.json`中的`scripts`里定义了`test`命令。 《快速起步》在npm的`package.json`中的`scripts`里定义了`test`命令。
Angular CLI使用不同的命令来做同样的事情。对不同的环境采取不同的方案。 Angular CLI使用不同的命令来做同样的事情。对不同的环境采取不同的方案。
:marked :marked
After a few moments, karma opens a browser and starts writing to the console. After a few moments, karma opens a browser and starts writing to the console.

View File

@ -149,7 +149,7 @@ a(id="typings")
Since the QuickStart is targeting `es5`, we can override the list of declaration files to be included: Since the QuickStart is targeting `es5`, we can override the list of declaration files to be included:
因为《快速开始》的目标为`es5`,所以我们可以重写声明文件列表来包含: 因为《快速起步》的目标为`es5`,所以我们可以重写声明文件列表来包含:
code-example(format=".") code-example(format=".")
"lib": ["es2015", "dom"] "lib": ["es2015", "dom"]

View File

@ -17,7 +17,7 @@ block includes
You can try this out without installing anything. Open the <live-example>QuickStart example !{_on_Plunkr}</live-example> in another tab You can try this out without installing anything. Open the <live-example>QuickStart example !{_on_Plunkr}</live-example> in another tab
and follow along. and follow along.
无需安装任何东西,你就可以试试它。在另一个浏览器标签页打开并跟随<live-example>Plunkr上的《快速开始》例子</live-example>。 无需安装任何东西,你就可以试试它。在另一个浏览器标签页打开并跟随<live-example>Plunkr上的《快速起步》例子</live-example>。
Every component begins with an `@Component` [!{_decorator}](glossary.html#!{_decorator} '"!{_decorator}" explained') Every component begins with an `@Component` [!{_decorator}](glossary.html#!{_decorator} '"!{_decorator}" explained')
<span if-docs="ts">function</span> that <span if-docs="ts">function</span> that