修改一些翻译问题

This commit is contained in:
Zhicheng Wang 2016-05-19 17:21:12 +08:00
parent 6d810d4676
commit 64f6b9e34a

View File

@ -1,11 +1,13 @@
block includes block includes
include _util-fns include _util-fns
- var _Install = '安装' - var _Install = 'Install'
- var _InstallCn = '安装'
- var _prereq = 'Node.js' - var _prereq = 'Node.js'
- var _angular_browser_uri = '@angular/platform-browser-dynamic' - var _angular_browser_uri = '@angular/platform-browser-dynamic'
- var _angular_core_uri = '@angular/core' - var _angular_core_uri = '@angular/core'
- var _appDir = 'app' - var _appDir = 'app'
- var _indexHtmlDir = '项目的根' - var _indexHtmlDir = 'project root'
- var _indexHtmlDirCn = '项目的根'
:marked :marked
Our QuickStart goal is to build and run a super-simple Our QuickStart goal is to build and run a super-simple
@ -36,10 +38,10 @@ p
|  in #[a(href="http://plnkr.co/" title="Plunker" target="_blank") plunker] |  in #[a(href="http://plnkr.co/" title="Plunker" target="_blank") plunker]
|  and displays the simple message: |  and displays the simple message:
p p
| 试试#[+liveExampleLink2('在线范例', 'quickstart')],它将加载此范例 | 试试#[+liveExampleLink2('在线范例', 'quickstart')],它将把此范例加载
+ifDocsFor('ts') +ifDocsFor('ts')
|  in #[a(href="http://plnkr.co/" title="Plunker" target="_blank") plunker] |   #[a(href="http://plnkr.co/" title="Plunker" target="_blank") plunker]
|  并显示一简单的消息: |  并显示一简单的消息:
figure.image-display figure.image-display
img(src='/resources/images/devguide/quickstart/my-first-app.png' alt="“快速起步”应用的输出") img(src='/resources/images/devguide/quickstart/my-first-app.png' alt="“快速起步”应用的输出")
@ -102,7 +104,7 @@ button(class="verbose on md-primary md-button md-ink-ripple", type="button", onc
*Explanations* describe the concepts and reasons behind the instructions. *Explanations* describe the concepts and reasons behind the instructions.
Explanations have a thin border on the left like *this* block of text. Explanations have a thin border on the left like *this* block of text.
*解释*,负责描述概念和操作指南背后的理由。解释在左侧有一个细边框,就像*这块儿文*。 *解释*,负责描述概念和操作指南背后的理由。解释在左侧有一个细边框,就像*这块儿文*。
Click *Hide Explanations* to show only the instructions. Click *Hide Explanations* to show only the instructions.
Click *View Explanations* to see everything again. Click *View Explanations* to see everything again.
@ -115,15 +117,14 @@ button(class="verbose on md-primary md-button md-ink-ripple", type="button", onc
当我们构建这个“快速起步”应用时,会看到很多代码块儿。它们都很方便拷贝和粘贴: 当我们构建这个“快速起步”应用时,会看到很多代码块儿。它们都很方便拷贝和粘贴:
code-example(format="nocode"). code-example(format="nocode").
Click the glyph on the right to copy code snippets to the clipboard ==>
点击右侧的图标,来把代码片段拷贝到剪贴板 ==> 点击右侧的图标,来把代码片段拷贝到剪贴板 ==>
.l-main-section .l-main-section
h2#create-and-configure Step 1: Create and configure the project h2#create-and-configure Step 1: Create and configure the project
h2#create-and-configure 步骤1创建并配置项目 h2#create-and-configure 步骤1创建并配置项目
- var _package_and_config_files = _docsFor == 'dart' ? 'pubspec.yaml' : '包定义与配置文件' - var _package_and_config_files = _docsFor == 'dart' ? 'pubspec.yaml' : 'package definition and configuration files'
- var _package_and_config_filesCn = _docsFor == 'dart' ? 'pubspec.yaml' : '包定义与配置文件'
:marked :marked
In this step we: In this step we:
@ -132,9 +133,9 @@ h2#create-and-configure 步骤1创建并配置项目
* [(a) Create the project folder](#create-the-project-folder) * [(a) Create the project folder](#create-the-project-folder)
* [(a) 创建项目目录](#create-the-project-folder) * [(a) 创建项目目录](#create-the-project-folder)
* [(b) Add #{_package_and_config_files}](#add-config-files) * [(b) Add #{_package_and_config_files}](#add-config-files)
* [(b) 添加#{_package_and_config_files}](#add-config-files) * [(b) 添加#{_package_and_config_filesCn}](#add-config-files)
* [(c) #{_Install} packages](#install-packages) * [(c) #{_Install} packages](#install-packages)
* [(c) #{_Install}依赖包](#install-packages) * [(c) #{_InstallCn}依赖包](#install-packages)
h3 (a) Create the project folder h3 (a) Create the project folder
h3 (a) 创建项目文件夹 h3 (a) 创建项目文件夹
@ -144,7 +145,7 @@ code-example(language="sh").
cd angular2-quickstart cd angular2-quickstart
h3#add-config-files (b) Add #{_package_and_config_files} h3#add-config-files (b) Add #{_package_and_config_files}
h3#add-config-files (b) 添加#{_package_and_config_files} h3#add-config-files (b) 添加#{_package_and_config_filesCn}
block package-and-config-files block package-and-config-files
- var _tsconfigUri = 'guide/typescript-configuration.html#tsconfig' - var _tsconfigUri = 'guide/typescript-configuration.html#tsconfig'
- var _typingsUri = 'guide/typescript-configuration.html#!#typings' - var _typingsUri = 'guide/typescript-configuration.html#!#typings'
@ -191,7 +192,8 @@ block package-and-config-files
systemjs.config.js systemjs.config.js
`) `)
h3#install-packages (c) #{_Install}依赖包儿 h3#install-packages (c) #{_Install} packages
h3#install-packages (c) #{_InstallCn}依赖包
block install-packages block install-packages
:marked :marked
We install the packages listed in `package.json` using `npm`. Enter the We install the packages listed in `package.json` using `npm`. Enter the
@ -227,7 +229,7 @@ block install-packages
我们通常会在一系列`gyp ERR!`消息后面看到一个`npm WARN`消息。直接忽略即可。 我们通常会在一系列`gyp ERR!`消息后面看到一个`npm WARN`消息。直接忽略即可。
有些依赖包可能会尝试用`node-gyp`重新编译它自己。 有些依赖包可能会尝试用`node-gyp`重新编译它自己。
如果重新编译失败了,这个包就会自行恢复(通常是下载一个预编译版本),最终不会影响使用。 如果重新编译失败了,这个包就会自行恢复(通常是下载一个预编译版本),最终不会影响使用。
Just make sure there are no `npm ERR!` messages at the end of `npm install`. Just make sure there are no `npm ERR!` messages at the end of `npm install`.
@ -236,7 +238,7 @@ block install-packages
.l-verbose-section .l-verbose-section
:marked :marked
#### Adding the libraries and packages we need with *npm* #### Adding the libraries and packages we need with *npm*
####用*npm*添加我们需要的库和依赖包 #### 用*npm*添加我们需要的库和依赖包
Angular application developers rely on the _[npm](https://docs.npmjs.com)_ Angular application developers rely on the _[npm](https://docs.npmjs.com)_
package manager to install the libraries and packages their apps require. package manager to install the libraries and packages their apps require.
@ -244,7 +246,7 @@ block install-packages
`dependencies` and `devDependencies` sections. `dependencies` and `devDependencies` sections.
See the [npm packages](guide/npm-packages.html) chapter for details. See the [npm packages](guide/npm-packages.html) chapter for details.
Angular应用开发者依靠_[npm](https://docs.npmjs.com)_包管理器来安装应用所需的库和依赖包。 Angular应用开发者依靠_[npm](https://docs.npmjs.com)_包管理器来安装应用所需的库和依赖包。
Angular开发组建议的那组初学者包是通过`dependencies`和`devDependencies`指定的。 Angular开发组建议的那组初学者包是通过`dependencies`和`devDependencies`指定的。
要了解详情,参见[npm包](guide/npm-packages.html)一章。 要了解详情,参见[npm包](guide/npm-packages.html)一章。
@ -252,7 +254,7 @@ block install-packages
#### 有用的脚本 #### 有用的脚本
We've included a number of npm scripts in our suggested `package.json` to handle common development tasks: We've included a number of npm scripts in our suggested `package.json` to handle common development tasks:
在我们建议的这个`package.json`中包含了几个npm脚本用来处理常用的开发任务 在我们推荐的这个`package.json`中包含了几个npm脚本用来处理常用的开发任务
+makeJson('quickstart/ts/package.1.json',{ paths: 'scripts'}, 'package.json (脚本)')(format=".") +makeJson('quickstart/ts/package.1.json',{ paths: 'scripts'}, 'package.json (脚本)')(format=".")
:marked :marked
@ -277,7 +279,7 @@ block install-packages
* `npm run tsc:w` - runs the TypeScript compiler in watch mode; * `npm run tsc:w` - runs the TypeScript compiler in watch mode;
the process keeps running, awaiting changes to TypeScript files and recompiling when it sees them the process keeps running, awaiting changes to TypeScript files and recompiling when it sees them
*`npm run tsc:w` - 在“监视模式”下运行TypeScript编译器进程持续运行等待TypeScript文件的变化一旦变化就重新编译它们。 * `npm run tsc:w` - 在“监视模式”下运行TypeScript编译器进程持续运行等待TypeScript文件的变化一旦变化就重新编译它们。
* `npm run lite` - runs the <a href="https://www.npmjs.com/package/lite-server" target="_blank">lite-server</a>, * `npm run lite` - runs the <a href="https://www.npmjs.com/package/lite-server" target="_blank">lite-server</a>,
a light-weight, static file server with excellent support for Angular apps that use routing a light-weight, static file server with excellent support for Angular apps that use routing
@ -306,6 +308,7 @@ h2#root-component 步骤2我们的第一个Angular组件
我们来创建一个文件夹用于保存我们的应用并且添加一个超级简单的Angular组件。 我们来创建一个文件夹用于保存我们的应用并且添加一个超级简单的Angular组件。
**Create #{_an} #{_appDir} subfolder** off the project root directory: **Create #{_an} #{_appDir} subfolder** off the project root directory:
在项目的根目录下**创建一个#{_appDir}子目录** 在项目的根目录下**创建一个#{_appDir}子目录**
code-example. code-example.
@ -351,7 +354,7 @@ p.
* 一个[组件类](#component-class) * 一个[组件类](#component-class)
来通过它的模板控制一个视图的外观和行为。 来通过它的模板控制一个视图的外观和行为。
a#component-import a#component-import
:marked :marked
### Import ### Import
### 导入 ### 导入
@ -386,7 +389,7 @@ a#component-import
component class. component class.
The metadata tells Angular how to create and use this component. The metadata tells Angular how to create and use this component.
`@Component` 是#{_a}*#{_decoratorCn}*,它允许我们把*元数据*关联到组件类上。这些元数据会告诉Angular如何创建和使用我们的类。 `@Component` 是一个*#{_decoratorCn}*,它允许我们把*元数据*关联到组件类上。这些元数据会告诉Angular如何创建和使用我们的类。
+makeExcerpt('app/app.component.ts', 'metadata') +makeExcerpt('app/app.component.ts', 'metadata')
@ -531,7 +534,7 @@ h2#index 步骤4添加#[code index.html]
In the *#{_indexHtmlDir}* folder In the *#{_indexHtmlDir}* folder
create an `index.html` file and paste the following lines into it: create an `index.html` file and paste the following lines into it:
在*#{_indexHtmlDir}*目录下创建一个`index.html`文件,并粘贴下列内容: 在*#{_indexHtmlDirCn}*目录下创建一个`index.html`文件,并粘贴下列内容:
+makeProjExample('index.html') +makeProjExample('index.html')
@ -728,7 +731,7 @@ h2#index 步骤4添加#[code index.html]
styles shown below. For the full set of master styles used by the documentation samples, styles shown below. For the full set of master styles used by the documentation samples,
see [styles.css](https://github.com/angular/angular.io/blob/master/public/docs/_examples/styles.css). see [styles.css](https://github.com/angular/angular.io/blob/master/public/docs/_examples/styles.css).
在*#{_indexHtmlDir}*目录下创建一个`styles.css`文件来加上样式,可能是像下面这样的最小化版本。 在*#{_indexHtmlDirCn}*目录下创建一个`styles.css`文件来加上样式,可能是像下面这样的最小化版本。
要查看本文档中所用到的主样式表的完整集合,参见 要查看本文档中所用到的主样式表的完整集合,参见
[styles.css](https://github.com/angular/angular.io/blob/master/public/docs/_examples/styles.css) [styles.css](https://github.com/angular/angular.io/blob/master/public/docs/_examples/styles.css)
+makeExcerpt('styles.1.css') +makeExcerpt('styles.1.css')