fix: 快速起步改为快速上手
This commit is contained in:
Zhicheng Wang
parent
243430bc12
commit
e29188ad54
|
|
@ -701,7 +701,7 @@ The sample above is a trivial variation of the QuickStart application.
|
||||||
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 [_Tour of Heroes_](tutorial/toh-pt6) application.
|
to an app with more substance, the [_Tour of Heroes_](tutorial/toh-pt6) application.
|
||||||
|
|
||||||
上面的例子是《快速起步》应用的一个简单的变体。
|
上面的例子是《快速上手》应用的一个简单的变体。
|
||||||
在本节中，你将在一个更多内容的应用 - [英雄指南](tutorial/toh-pt6)上使用从AOT编译和摇树优化学到的知识。
|
在本节中，你将在一个更多内容的应用 - [英雄指南](tutorial/toh-pt6)上使用从AOT编译和摇树优化学到的知识。
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -36,7 +36,7 @@ There are three kinds of directives in Angular:
|
||||||
You saw a component for the first time in the [QuickStart](guide/quickstart) guide.
|
You saw a component for the first time in the [QuickStart](guide/quickstart) guide.
|
||||||
|
|
||||||
*组件*是这三种指令中最常用的。
|
*组件*是这三种指令中最常用的。
|
||||||
你在[快速起步](guide/quickstart)例子中第一次见到组件。
|
你在[快速上手](guide/quickstart)例子中第一次见到组件。
|
||||||
|
|
||||||
*Structural Directives* change the structure of the view.
|
*Structural Directives* change the structure of the view.
|
||||||
Two examples are [NgFor](guide/template-syntax#ngFor) and [NgIf](guide/template-syntax#ngIf).
|
Two examples are [NgFor](guide/template-syntax#ngFor) and [NgIf](guide/template-syntax#ngIf).
|
||||||
|
|
|
||||||
|
|
@ -205,7 +205,7 @@ see quickstart issue: [angular/quickstart#294](https://github.com/angular/quicks
|
||||||
|
|
||||||
## 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.
|
||||||
|
|
@ -213,7 +213,7 @@ The new [Setup](guide/setup) page tells you how to install a local development e
|
||||||
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” 应用。
|
||||||
新添加的[搭建本地开发环境](guide/setup)页面解释了如何通过下载或者克隆 QuickStart github 库来安装本地开发环境。
|
新添加的[搭建本地开发环境](guide/setup)页面解释了如何通过下载或者克隆 QuickStart github 库来安装本地开发环境。
|
||||||
你将不再需要拷贝粘贴代码到一些并没有对其解释的配置文件中。
|
你将不再需要拷贝粘贴代码到一些并没有对其解释的配置文件中。
|
||||||
|
|
@ -333,7 +333,7 @@ It demonstrates the basics with a QuickStart app
|
||||||
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)](guide/aot-compiler)烹饪书介绍了什么是AoT编译和为何你需要它。
|
全新[预编译(AoT)](guide/aot-compiler)烹饪书介绍了什么是AoT编译和为何你需要它。
|
||||||
它以**快速起步**应用程序开始讲解，接着介绍了编译和构建**英雄指南**的更高级的注意事项。
|
它以**快速上手**应用程序开始讲解，接着介绍了编译和构建**英雄指南**的更高级的注意事项。
|
||||||
|
|
||||||
## Sync with Angular v.2.0.2 (2016-10-6)
|
## Sync with Angular v.2.0.2 (2016-10-6)
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -130,7 +130,7 @@ The `node_modules` for the Quickstart installation is typically 20,500+ files an
|
||||||
The application itself requires a tiny fraction of that to run.
|
The application itself requires a tiny fraction of that to run.
|
||||||
|
|
||||||
`node_modules`文件夹包含着在浏览器中运行应用时所需的更多代码。
|
`node_modules`文件夹包含着在浏览器中运行应用时所需的更多代码。
|
||||||
"快速起步"项目中所需的`node_modules`通常由20,500+个文件和180+ MB的体积。
|
"快速上手"项目中所需的`node_modules`通常由20,500+个文件和180+ MB的体积。
|
||||||
运行应用时其实只需要其中很小的一部分。
|
运行应用时其实只需要其中很小的一部分。
|
||||||
|
|
||||||
It takes a long time to upload all of that useless bulk and
|
It takes a long time to upload all of that useless bulk and
|
||||||
|
|
@ -765,7 +765,7 @@ The list is by no means exhaustive, but should provide you with a good starting
|
||||||
* [Lite-Server](https://github.com/johnpapa/lite-server): the default dev server installed with the
|
* [Lite-Server](https://github.com/johnpapa/lite-server): the default dev server installed with the
|
||||||
[Quickstart repo](https://github.com/angular/quickstart) is pre-configured to fallback to `index.html`.
|
[Quickstart repo](https://github.com/angular/quickstart) is pre-configured to fallback to `index.html`.
|
||||||
|
|
||||||
[Lite-Server](https://github.com/johnpapa/lite-server)是["快速起步"仓库](https://github.com/angular/quickstart)中安装的默认开发服务器，它被预先配置为回退到`index.html`。
|
[Lite-Server](https://github.com/johnpapa/lite-server)是["快速上手"仓库](https://github.com/angular/quickstart)中安装的默认开发服务器，它被预先配置为回退到`index.html`。
|
||||||
|
|
||||||
* [Webpack-Dev-Server](https://github.com/webpack/webpack-dev-server): setup the
|
* [Webpack-Dev-Server](https://github.com/webpack/webpack-dev-server): setup the
|
||||||
`historyApiFallback` entry in the dev server options as follows:
|
`historyApiFallback` entry in the dev server options as follows:
|
||||||
|
|
|
||||||
|
|
@ -347,7 +347,7 @@ Because template-driven forms are in their own module, you need to add the `Form
|
||||||
|
|
||||||
Replace the contents of the "QuickStart" version with the following:
|
Replace the contents of the "QuickStart" version with the following:
|
||||||
|
|
||||||
把“快速起步”版的文件替换为如下内容：
|
把“快速上手”版的文件替换为如下内容：
|
||||||
|
|
||||||
<code-example path="forms/src/app/app.module.ts" title="src/app/app.module.ts">
|
<code-example path="forms/src/app/app.module.ts" title="src/app/app.module.ts">
|
||||||
|
|
||||||
|
|
@ -410,7 +410,7 @@ If you wrote it and it should belong to this module, _do_ declare it in th
|
||||||
|
|
||||||
Replace the contents of the "QuickStart" version with the following:
|
Replace the contents of the "QuickStart" version with the following:
|
||||||
|
|
||||||
把“快速起步”的版本内容替换成下列代码：
|
把“快速上手”的版本内容替换成下列代码：
|
||||||
|
|
||||||
|
|
||||||
<code-example path="forms/src/app/app.component.ts" title="src/app/app.component.ts">
|
<code-example path="forms/src/app/app.component.ts" title="src/app/app.component.ts">
|
||||||
|
|
|
||||||
|
|
@ -70,7 +70,7 @@ You'll install more than you need for the QuickStart guide.
|
||||||
No worries!
|
No worries!
|
||||||
You only serve to the client those packages that the application actually requests.
|
You only serve to the client those packages that the application actually requests.
|
||||||
|
|
||||||
它们远远超过了我们将在“快速起步”中所需要用到的。
|
它们远远超过了我们将在“快速上手”中所需要用到的。
|
||||||
实际上，它比我们在大多数应用中需要的还多。
|
实际上，它比我们在大多数应用中需要的还多。
|
||||||
安装的包比我们实际需要的包多，其实并没有什么坏处。
|
安装的包比我们实际需要的包多，其实并没有什么坏处。
|
||||||
我们最终只会往客户端发送程序中实际用到的那些包。
|
我们最终只会往客户端发送程序中实际用到的那些包。
|
||||||
|
|
@ -323,14 +323,14 @@ There isn't a [*peerDependencies*](https://nodejs.org/en/blog/npm/peer-dependenc
|
||||||
But Angular has a *peerDependencies* section in
|
But Angular has a *peerDependencies* section in
|
||||||
*its* `package.json`, which has important consequences for your application.
|
*its* `package.json`, which has important consequences for your application.
|
||||||
|
|
||||||
在“快速起步”的`package.json`文件中，并没有[*peerDependencies*](https://nodejs.org/en/blog/npm/peer-dependencies/)区。
|
在“快速上手”的`package.json`文件中，并没有[*peerDependencies*](https://nodejs.org/en/blog/npm/peer-dependencies/)区。
|
||||||
但是Angular本身在*它自己的* `package.json` 中有，
|
但是Angular本身在*它自己的* `package.json` 中有，
|
||||||
它对我们的应用程序有重要的影响。
|
它对我们的应用程序有重要的影响。
|
||||||
|
|
||||||
This section explains why you load the [polyfill](guide/npm-packages#polyfills) *dependency* packages in the QuickStart application's`package.json`,
|
This section explains why you load the [polyfill](guide/npm-packages#polyfills) *dependency* packages in the QuickStart application's`package.json`,
|
||||||
and why you'll need those packages in your own applications.
|
and why you'll need those packages in your own applications.
|
||||||
|
|
||||||
它解释了为什么我们要在“快速起步”的`package.json`文件中加载这些[填充库(polyfill)](guide/npm-packages#polyfills)依赖包，
|
它解释了为什么我们要在“快速上手”的`package.json`文件中加载这些[填充库(polyfill)](guide/npm-packages#polyfills)依赖包，
|
||||||
以及为什么我们在自己的应用中会需要它们。
|
以及为什么我们在自己的应用中会需要它们。
|
||||||
|
|
||||||
An explanation of [peer dependencies](https://nodejs.org/en/blog/npm/peer-dependencies/) follows.
|
An explanation of [peer dependencies](https://nodejs.org/en/blog/npm/peer-dependencies/) follows.
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
# QuickStart
|
# QuickStart
|
||||||
|
|
||||||
# 快速起步
|
# 快速上手
|
||||||
|
|
||||||
Good tools make application development quicker and easier to maintain than
|
Good tools make application development quicker and easier to maintain than
|
||||||
if you did everything by hand.
|
if you did everything by hand.
|
||||||
|
|
|
||||||
|
|
@ -160,7 +160,7 @@ If you do, this page can help you understand their purpose.
|
||||||
|
|
||||||
The history of changes to the _QuickStart_ repository.
|
The history of changes to the _QuickStart_ repository.
|
||||||
|
|
||||||
*快速起步*库的更新历史。
|
*快速上手*库的更新历史。
|
||||||
|
|
||||||
Delete or ignore.
|
Delete or ignore.
|
||||||
|
|
||||||
|
|
@ -264,7 +264,7 @@ If you do, this page can help you understand their purpose.
|
||||||
[_Deleting non-essential files_](guide/setup#non-essential "Setup: Deleting non-essential files") section.
|
[_Deleting non-essential files_](guide/setup#non-essential "Setup: Deleting non-essential files") section.
|
||||||
*Do this only in the beginning to avoid accidentally deleting your own tests and git setup!*
|
*Do this only in the beginning to avoid accidentally deleting your own tests and git setup!*
|
||||||
|
|
||||||
这个列表中的文件在清理时可以删除，它是原始的“快速起步”种子工程中的测试和git维护文件。
|
这个列表中的文件在清理时可以删除，它是原始的“快速上手”种子工程中的测试和git维护文件。
|
||||||
步骤参见可选的[删除非必要文件](guide/setup#non-essential "Setup: Deleting non-essential files")部分。
|
步骤参见可选的[删除非必要文件](guide/setup#non-essential "Setup: Deleting non-essential files")部分。
|
||||||
*只在最初做这件事，以免不小心删除了你自己的测试文件和git配置！*
|
*只在最初做这件事，以免不小心删除了你自己的测试文件和git配置！*
|
||||||
</td>
|
</td>
|
||||||
|
|
@ -360,7 +360,7 @@ If you do, this page can help you understand their purpose.
|
||||||
|
|
||||||
Global styles for the application. Initialized with an `<h1>` style for the QuickStart demo.
|
Global styles for the application. Initialized with an `<h1>` style for the QuickStart demo.
|
||||||
|
|
||||||
应用的全局样式。初始化后，有个为《快速起步》演示准备的`<h1>`样式。
|
应用的全局样式。初始化后，有个为《快速上手》演示准备的`<h1>`样式。
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,14 +8,14 @@ The <live-example name=quickstart>QuickStart live-coding</live-example> example
|
||||||
It's not where you'd develop a real application.
|
It's not where you'd develop a real application.
|
||||||
You [should develop locally](guide/setup#why-locally "Why develop locally") on your own machine ... and that's also how we think you should learn Angular.
|
You [should develop locally](guide/setup#why-locally "Why develop locally") on your own machine ... and that's also how we think you should learn Angular.
|
||||||
|
|
||||||
<live-example name=quickstart>《快速起步》在线编程</live-example>例子是 Angular 的*游乐场*。
|
<live-example name=quickstart>《快速上手》在线编程</live-example>例子是 Angular 的*游乐场*。
|
||||||
它不是开发真实应用的地方。
|
它不是开发真实应用的地方。
|
||||||
你应该在自己的电脑上[本地开发](guide/setup#why-locally "为什么在本地开发？")... 你也应该在本地环境学习 Angular。
|
你应该在自己的电脑上[本地开发](guide/setup#why-locally "为什么在本地开发？")... 你也应该在本地环境学习 Angular。
|
||||||
|
|
||||||
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](https://github.com/angular/quickstart "Install the github QuickStart repo").
|
maintained [on github](https://github.com/angular/quickstart "Install the github QuickStart repo").
|
||||||
|
|
||||||
利用 [github 上](https://github.com/angular/quickstart "安装 github 《快速起步》库")的**《快速起步》种子**在你的电脑上搭建一个新项目是很快很容易的。
|
利用 [github 上](https://github.com/angular/quickstart "安装 github 《快速上手》库")的**《快速上手》种子**在你的电脑上搭建一个新项目是很快很容易的。
|
||||||
|
|
||||||
|
|
||||||
Make sure you have [node and npm installed](guide/setup#install-prerequisites "What if you don't have node and npm?").
|
Make sure you have [node and npm installed](guide/setup#install-prerequisites "What if you don't have node and npm?").
|
||||||
|
|
@ -66,7 +66,7 @@ Perform the _clone-to-launch_ steps with these terminal commands.
|
||||||
<a href="https://github.com/angular/quickstart/archive/master.zip" title="Download the QuickStart seed repository">Download the QuickStart seed</a>
|
<a href="https://github.com/angular/quickstart/archive/master.zip" title="Download the QuickStart seed repository">Download the QuickStart seed</a>
|
||||||
and unzip it into your project folder. Then perform the remaining steps with these terminal commands.
|
and unzip it into your project folder. Then perform the remaining steps with these terminal commands.
|
||||||
|
|
||||||
<a href="https://github.com/angular/quickstart/archive/master.zip" title="下载《快速起步》种子库">下载《快速起步》种子</a>
|
<a href="https://github.com/angular/quickstart/archive/master.zip" title="下载《快速上手》种子库">下载《快速上手》种子</a>
|
||||||
并解压到你的项目目录中。然后执行下面的命令完成剩余步骤。
|
并解压到你的项目目录中。然后执行下面的命令完成剩余步骤。
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -158,7 +158,7 @@ Open a terminal window in the project folder and enter the following commands fo
|
||||||
|
|
||||||
## What's in the QuickStart seed?
|
## What's in the QuickStart seed?
|
||||||
|
|
||||||
## 《快速起步》种子库里都有什么？
|
## 《快速上手》种子库里都有什么？
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -167,7 +167,7 @@ But its true purpose is to provide a solid foundation for _local_ development.
|
||||||
Consequently, there are _many more files_ in the project folder on your machine,
|
Consequently, there are _many more files_ in the project folder on your machine,
|
||||||
most of which you can [learn about later](guide/setup-systemjs-anatomy "Setup Anatomy").
|
most of which you can [learn about later](guide/setup-systemjs-anatomy "Setup Anatomy").
|
||||||
|
|
||||||
**《快速起步》种子** 包含了与《快速起步》游乐场一样的应用，但是，它真正的目的是提供坚实的*本地*开发基础。
|
**《快速上手》种子** 包含了与《快速上手》游乐场一样的应用，但是，它真正的目的是提供坚实的*本地*开发基础。
|
||||||
所以你的电脑里的项目目录里面有*更多文件*，参见[搭建剖析](guide/setup-systemjs-anatomy "Setup Anatomy")。
|
所以你的电脑里的项目目录里面有*更多文件*，参见[搭建剖析](guide/setup-systemjs-anatomy "Setup Anatomy")。
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -310,7 +310,7 @@ The following are all in `src/`
|
||||||
|
|
||||||
Defines the same `AppComponent` as the one in the QuickStart playground.
|
Defines the same `AppComponent` as the one in the QuickStart playground.
|
||||||
It is the **root** component of what will become a tree of nested components
|
It is the **root** component of what will become a tree of nested components
|
||||||
as the application evolves. 定义与《快速起步》游乐场同样的`AppComponent`。
|
as the application evolves. 定义与《快速上手》游乐场同样的`AppComponent`。
|
||||||
它是**根**组件，随着应用的演变，它将变成一颗嵌套组件树。
|
它是**根**组件，随着应用的演变，它将变成一颗嵌套组件树。
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
|
|
@ -439,10 +439,10 @@ It creates the equivalent of `app.module.ts` and `main.ts` internally _for the p
|
||||||
so the reader can discover Angular without distraction.
|
so the reader can discover Angular without distraction.
|
||||||
The other samples are based on the QuickStart seed.
|
The other samples are based on the QuickStart seed.
|
||||||
|
|
||||||
[快速起步](guide/quickstart "Angular 快速起步游乐场")仅仅展示了`AppComponent`文件。
|
[快速上手](guide/quickstart "Angular 快速起步游乐场")仅仅展示了`AppComponent`文件。
|
||||||
它在内部创建了只为*游乐场*而准备的等价`app.module.ts`和`main.ts`。
|
它在内部创建了只为*游乐场*而准备的等价`app.module.ts`和`main.ts`。
|
||||||
所以读者可以在零干扰的情况下探索 Angular。
|
所以读者可以在零干扰的情况下探索 Angular。
|
||||||
其他例子是基于 《快速起步》种子的。
|
其他例子是基于 《快速上手》种子的。
|
||||||
|
|
||||||
As much fun as this is ...
|
As much fun as this is ...
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -413,7 +413,7 @@ Both processes watch pertinent files, write messages to the console, and re-run
|
||||||
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使用不同的命令来做同样的事情。对不同的环境采取不同的方案。
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1202,7 +1202,7 @@ The [Quickstart seed](guide/setup) provides a similar test of its `AppComponent`
|
||||||
as you can see in _this_ <live-example name="setup" plnkr="quickstart-specs" title="QuickStart seed spec" embedded-style></live-example>.
|
as you can see in _this_ <live-example name="setup" plnkr="quickstart-specs" title="QuickStart seed spec" embedded-style></live-example>.
|
||||||
It too calls `compileComponents` although it doesn't have to because the `AppComponent`'s template is inline.
|
It too calls `compileComponents` although it doesn't have to because the `AppComponent`'s template is inline.
|
||||||
|
|
||||||
[“快速起步” 种子工程](guide/setup)为其`AppComponent`提供了简单的测试，在<live-example name="setup" plnkr="quickstart-specs" title="QuickStart seed spec" embedded-style></live-example>中可以看到。
|
[“快速上手” 种子工程](guide/setup)为其`AppComponent`提供了简单的测试，在<live-example name="setup" plnkr="quickstart-specs" title="QuickStart seed spec" embedded-style></live-example>中可以看到。
|
||||||
它也调用了`compileComponents`，不过它并不是必须这么做，因为`AppComponent`的模板是内联的。
|
它也调用了`compileComponents`，不过它并不是必须这么做，因为`AppComponent`的模板是内联的。
|
||||||
|
|
||||||
There's no harm in it and you might call `compileComponents` anyway
|
There's no harm in it and you might call `compileComponents` anyway
|
||||||
|
|
|
||||||
|
|
@ -181,7 +181,7 @@ like `Promise` if the target is `es6`.
|
||||||
Since the QuickStart is targeting `es5`, you can override the
|
Since the QuickStart is targeting `es5`, you can override the
|
||||||
list of declaration files to be included:
|
list of declaration files to be included:
|
||||||
|
|
||||||
因为《快速起步》的目标为`es5`，所以我们可以重写声明文件列表来包含：
|
因为《快速上手》的目标为`es5`，所以我们可以重写声明文件列表来包含：
|
||||||
|
|
||||||
|
|
||||||
<code-example format=".">
|
<code-example format=".">
|
||||||
|
|
@ -220,7 +220,7 @@ For instance, to install typings for `jasmine` you could do `npm install @types/
|
||||||
|
|
||||||
QuickStart identifies two *typings*, or `d.ts`, files:
|
QuickStart identifies two *typings*, or `d.ts`, files:
|
||||||
|
|
||||||
我们在“快速起步”中指定过两个*类型定义*文件（`d.ts`）：
|
我们在“快速上手”中指定过两个*类型定义*文件（`d.ts`）：
|
||||||
|
|
||||||
* [jasmine](http://jasmine.github.io/) typings for the Jasmine test framework.
|
* [jasmine](http://jasmine.github.io/) typings for the Jasmine test framework.
|
||||||
|
|
||||||
|
|
@ -233,4 +233,4 @@ you can view an example in the [webpack](guide/webpack) page.
|
||||||
|
|
||||||
QuickStart doesn't require these typings but many of the samples do.
|
QuickStart doesn't require these typings but many of the samples do.
|
||||||
|
|
||||||
“快速起步”本身不需要这些类型定义，但是文档中的很多例子都需要。
|
“快速上手”本身不需要这些类型定义，但是文档中的很多例子都需要。
|
||||||
|
|
|
||||||
|
|
@ -686,7 +686,7 @@ and add a mapping for the `@angular/upgrade/static` package:
|
||||||
<code-example path="upgrade-module/src/systemjs.config.1.js" region="upgrade-static-umd" title="systemjs.config.js (map)">
|
<code-example path="upgrade-module/src/systemjs.config.1.js" region="upgrade-static-umd" title="systemjs.config.js (map)">
|
||||||
</code-example>
|
</code-example>
|
||||||
|
|
||||||
现在，把Angular引入项目中。根据[搭建本地开发环境](guide/setup)中的指导，你可以有选择的从<a href="https://github.com/angular/quickstart" target="_blank">“快速起步”的Github仓库</a>中拷贝素材进来。
|
现在，把Angular引入项目中。根据[搭建本地开发环境](guide/setup)中的指导，你可以有选择的从<a href="https://github.com/angular/quickstart" target="_blank">“快速上手”的Github仓库</a>中拷贝素材进来。
|
||||||
|
|
||||||
Next, create an `app.module.ts` file and add the following `NgModule` class:
|
Next, create an `app.module.ts` file and add the following `NgModule` class:
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
# Visual Studio 2015 QuickStart
|
# Visual Studio 2015 QuickStart
|
||||||
|
|
||||||
# Visual Studio 2015 快速起步
|
# Visual Studio 2015 快速上手
|
||||||
|
|
||||||
{@a top}
|
{@a top}
|
||||||
|
|
||||||
|
|
@ -11,7 +11,7 @@ Some developers prefer Visual Studio as their Integrated Development Environment
|
||||||
This cookbook describes the steps required to set up and use the
|
This cookbook describes the steps required to set up and use the
|
||||||
Angular QuickStart files in **Visual Studio 2015 within an ASP.NET 4.x project**.
|
Angular QuickStart files in **Visual Studio 2015 within an ASP.NET 4.x project**.
|
||||||
|
|
||||||
本烹饪宝典介绍了在**Visual Studio 2015的ASP.NET 4.x项目中**，用Angular实现“快速起步”所需的步骤。
|
本烹饪宝典介绍了在**Visual Studio 2015的ASP.NET 4.x项目中**，用Angular实现“快速上手”所需的步骤。
|
||||||
|
|
||||||
|
|
||||||
<div class="l-sub-section">
|
<div class="l-sub-section">
|
||||||
|
|
@ -21,7 +21,7 @@ Angular QuickStart files in **Visual Studio 2015 within an ASP.NET 4.x project**
|
||||||
There is no *live example* for this cookbook because it describes Visual Studio, not
|
There is no *live example* for this cookbook because it describes Visual Studio, not
|
||||||
the QuickStart application itself.
|
the QuickStart application itself.
|
||||||
|
|
||||||
本烹饪宝典中没有*在线例子*，因为它介绍的是Visual Studio，而不是《快速起步》应用程序本身。
|
本烹饪宝典中没有*在线例子*，因为它介绍的是Visual Studio，而不是《快速上手》应用程序本身。
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -36,7 +36,7 @@ the QuickStart application itself.
|
||||||
To set up the QuickStart files with an **ASP.NET 4.x project** in
|
To set up the QuickStart files with an **ASP.NET 4.x project** in
|
||||||
Visual Studio 2015, follow these steps:
|
Visual Studio 2015, follow these steps:
|
||||||
|
|
||||||
要用Visual Studio 2015在**ASP.NET 4.x项目**中设置**《快速起步》**文件，请遵循如下步骤：
|
要用Visual Studio 2015在**ASP.NET 4.x项目**中设置**《快速上手》**文件，请遵循如下步骤：
|
||||||
|
|
||||||
<div class="l-sub-section">
|
<div class="l-sub-section">
|
||||||
|
|
||||||
|
|
@ -203,7 +203,7 @@ Step 1: Download the QuickStart files
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<h2 id='download'>
|
<h2 id='download'>
|
||||||
第一步: 现在“快速起步”文件
|
第一步: 现在“快速上手”文件
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -211,7 +211,7 @@ Step 1: Download the QuickStart files
|
||||||
[Download the QuickStart source](https://github.com/angular/quickstart)
|
[Download the QuickStart source](https://github.com/angular/quickstart)
|
||||||
from GitHub. If you downloaded as a zip file, extract the files.
|
from GitHub. If you downloaded as a zip file, extract the files.
|
||||||
|
|
||||||
从GitHub[下载“快速起步”的源代码](https://github.com/angular/quickstart)。如果下载的是一个压缩的zip文件，解压它。
|
从GitHub[下载“快速上手”的源代码](https://github.com/angular/quickstart)。如果下载的是一个压缩的zip文件，解压它。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -272,7 +272,7 @@ no authentication, and no hosting. Pick the template and options appropriate for
|
||||||
|
|
||||||
|
|
||||||
<h2 id='copy'>
|
<h2 id='copy'>
|
||||||
第三步: 把“快速起步”的文件复制到ASP.NET项目所在的目录
|
第三步: 把“快速上手”的文件复制到ASP.NET项目所在的目录
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -280,7 +280,7 @@ no authentication, and no hosting. Pick the template and options appropriate for
|
||||||
Copy the QuickStart files you downloaded from GitHub into the folder containing the `.csproj` file.
|
Copy the QuickStart files you downloaded from GitHub into the folder containing the `.csproj` file.
|
||||||
Include the files in the Visual Studio project as follows:
|
Include the files in the Visual Studio project as follows:
|
||||||
|
|
||||||
拷贝从GitHub下载的“快速起步”文件到包含`.csproj`文件的目录中。按照下面的步骤把它们加到Visual Studio中：
|
拷贝从GitHub下载的“快速上手”文件到包含`.csproj`文件的目录中。按照下面的步骤把它们加到Visual Studio中：
|
||||||
|
|
||||||
* Click the `Show All Files` button in Solution Explorer to reveal all of the hidden files in the project.
|
* Click the `Show All Files` button in Solution Explorer to reveal all of the hidden files in the project.
|
||||||
|
|
||||||
|
|
@ -375,7 +375,7 @@ Most Visual Studio developers like to press the F5 key and see the IIS server co
|
||||||
To use the IIS server with the QuickStart app, you must make the following three changes.
|
To use the IIS server with the QuickStart app, you must make the following three changes.
|
||||||
|
|
||||||
大多数 Visual Studio 开发者喜欢按 F5 键来启动 IIS 服务器。
|
大多数 Visual Studio 开发者喜欢按 F5 键来启动 IIS 服务器。
|
||||||
要在这个《快速起步》应用中使用 IIS 服务器，我们要做下列修改：
|
要在这个《快速上手》应用中使用 IIS 服务器，我们要做下列修改：
|
||||||
|
|
||||||
1. In `index.html`, change base href from `<base href="/">` to `<base href="/src/">`.
|
1. In `index.html`, change base href from `<base href="/">` to `<base href="/src/">`.
|
||||||
|
|
||||||
|
|
@ -509,7 +509,7 @@ It's faster to run without the debugger by pressing `Ctrl-F5`.
|
||||||
|
|
||||||
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.
|
||||||
|
|
|
||||||
|
|
@ -15,9 +15,9 @@ Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angu
|
||||||
|
|
||||||
<div class="docs-card">
|
<div class="docs-card">
|
||||||
<section>开始使用 Angular</section>
|
<section>开始使用 Angular</section>
|
||||||
<p>跟随 "快速起步" 构建你自己的开发环境。</p>
|
<p>跟随 "快速上手" 构建你自己的开发环境。</p>
|
||||||
<p class="card-footer" >
|
<p class="card-footer" >
|
||||||
<a href="guide/quickstart" title="Angular 快速起步">快速起步</a>
|
<a href="guide/quickstart" title="Angular 快速上手">快速上手</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@
|
||||||
<!-- container content starts -->
|
<!-- container content starts -->
|
||||||
|
|
||||||
<div class="hero-headline no-toc">一套框架，多种平台。<br>移动端 & 桌面端</div>
|
<div class="hero-headline no-toc">一套框架，多种平台。<br>移动端 & 桌面端</div>
|
||||||
<a class="button hero-cta" href="guide/quickstart">快速起步</a>
|
<a class="button hero-cta" href="guide/quickstart">快速上手</a>
|
||||||
</div><!-- CONTAINER END -->
|
</div><!-- CONTAINER END -->
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -42,7 +42,7 @@
|
||||||
|
|
||||||
{
|
{
|
||||||
"url": "guide/quickstart",
|
"url": "guide/quickstart",
|
||||||
"title": "快速起步",
|
"title": "快速上手",
|
||||||
"tooltip": "Angular 破冰"
|
"tooltip": "Angular 破冰"
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
@ -338,7 +338,7 @@
|
||||||
|
|
||||||
{
|
{
|
||||||
"url": "guide/visual-studio-2015",
|
"url": "guide/visual-studio-2015",
|
||||||
"title": "Visual Studio 2015 快速起步",
|
"title": "Visual Studio 2015 快速上手",
|
||||||
"tooltip": "在 Visual Studio 2015 中使用快速起步中的文件"
|
"tooltip": "在 Visual Studio 2015 中使用快速起步中的文件"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue