Skip to content

Commit 06c116e

Browse files
committed
fix: image path
1 parent c906983 commit 06c116e

File tree

2 files changed

+21
-21
lines changed

2 files changed

+21
-21
lines changed

tutorials/asp.net-4.md

+11-11
Original file line numberDiff line numberDiff line change
@@ -15,29 +15,29 @@
1515
3. 选择 **Visual C\#**
1616
4. 选择 **ASP.NET Web Application**
1717

18-
![Create new ASP.NET project](../assets/new-asp-project.png)
18+
![Create new ASP.NET project](../assets/images/tutorials/aspnet/new-asp-project.png)
1919

2020
5. 选择 **MVC**
2121

22-
取消复选 "Host in the cloud" 本指南将使用一个本地示例。 ![Use MVC template](../assets/new-asp-project-template.png)
22+
取消复选 "Host in the cloud" 本指南将使用一个本地示例。 ![Use MVC template](../assets/images/tutorials/aspnet/new-asp-project-template.png)
2323

2424
运行此应用以确保它能正常工作。
2525

2626
## 添加 TypeScript
2727

2828
下一步我们为 TypeScript 添加一个文件夹。
2929

30-
![Create new folder](../assets/new-folder.png)
30+
![Create new folder](../assets/images/tutorials/aspnet/new-folder.png)
3131

3232
将文件夹命名为 src。
3333

34-
![src folder](../assets/src-folder.png)
34+
![src folder](../assets/images/tutorials/aspnet/src-folder.png)
3535

3636
### 添加 TypeScript 代码
3737

3838
`src` 上右击并选择 **New Item**。 接着选择 **TypeScript File** 并将此文件命名为 `app.ts`
3939

40-
![New item](../assets/new-item.png)
40+
![New item](../assets/images/tutorials/aspnet/new-item.png)
4141

4242
### 添加示例代码
4343

@@ -55,7 +55,7 @@ function sayHello() {
5555

5656
右击项目并选择 **New Item**。 接着选择 **TypeScript Configuration File** 保持文件的默认名字为 `tsconfig.json`
5757

58-
![Create tsconfig.json](../assets/new-tsconfig.png)
58+
![Create tsconfig.json](../assets/images/tutorials/aspnet/new-tsconfig.png)
5959

6060
将默认的 `tsconfig.json` 内容改为如下所示:
6161

@@ -88,7 +88,7 @@ function sayHello() {
8888

8989
1.**Solution Explorer** 中, 打开 **Views** \| **Home** \| `Index.cshtml`
9090

91-
![Open Index.cshtml](../assets/open-index.png)
91+
![Open Index.cshtml](../assets/images/tutorials/aspnet/open-index.png)
9292

9393
2. 修改代码如下:
9494

@@ -109,7 +109,7 @@ function sayHello() {
109109
1. 运行项目。
110110
2. 在输入框中键入时,您应该看到一个消息:
111111

112-
![Picture of running demo](../assets/running-demo.png)
112+
![Picture of running demo](../assets/images/tutorials/aspnet/running-demo.png)
113113

114114
### 调试
115115

@@ -118,7 +118,7 @@ function sayHello() {
118118
3.`return` 那一行上打一个断点。
119119
4. 在输入框中键入一些内容,确认TypeScript代码命中断点,观察它是否能正确地工作。
120120

121-
![Demo paused on breakpoint](../assets/paused-demo.png)
121+
![Demo paused on breakpoint](../assets/images/tutorials/aspnet/paused-demo.png)
122122

123123
这就是你需要知道的在ASP.NET中使用TypeScript的基本知识了。接下来,我们引入Angular,写一个简单的Angular程序示例。
124124

@@ -131,13 +131,13 @@ function sayHello() {
131131

132132
在project上右击, 选择 **Quick Install Package**
133133

134-
![Use PackageInstaller to install angular2](../assets/packageinstaller-angular2.png) ![Use PackageInstaller to install systemjs](../assets/packageinstaller-systemjs.png) ![Use PackageInstaller to install Typings](../assets/packageinstaller-typings.png)
134+
![Use PackageInstaller to install angular2](../assets/images/tutorials/aspnet/packageinstaller-angular2.png) ![Use PackageInstaller to install systemjs](../assets/images/tutorials/aspnet/packageinstaller-systemjs.png) ![Use PackageInstaller to install Typings](../assets/images/tutorials/aspnet/packageinstaller-typings.png)
135135

136136
3. 用 PackageInstaller 安装 es6-shim 的类型文件。
137137

138138
Angular 2 包含 es6-shim 以提供 Promise 支持, 但 TypeScript 还需要它的类型文件。 在 PackageInstaller 中, 选择 Typing 替换 npm 选项。接着键入 "es6-shim":
139139

140-
![Use PackageInstaller to install es6-shim typings](../assets/packageinstaller-es6-shim.png)
140+
![Use PackageInstaller to install es6-shim typings](../assets/images/tutorials/aspnet/packageinstaller-es6-shim.png)
141141

142142
### 更新 tsconfig.json
143143

tutorials/asp.net-core.md

+10-10
Original file line numberDiff line numberDiff line change
@@ -15,11 +15,11 @@
1515
3. 选择 **Visual C\#**
1616
4. 若使用VS2015,选择 **ASP.NET Web Application** > **ASP.NET 5 Empty**,并且取消勾选“Host in the cloud”,因为我们要在本地运行。
1717

18-
![使用空白模版](../assets/new-asp-project-empty.png)
18+
![使用空白模版](../assets/images/tutorials/aspnet/new-asp-project-empty.png)
1919

2020
5. 若使用VS2017,选择 **ASP.NET Core Web Application \(.NET Core\)** > **ASP.NET Core 1.1 Empty**
2121

22-
![使用空白模版VS2017](../assets/new-asp-project-empty-17.PNG)
22+
![使用空白模版VS2017](../assets/images/tutorials/aspnet/new-asp-project-empty-17.PNG)
2323

2424
运行此应用以确保它能正常工作。
2525

@@ -58,7 +58,7 @@ public void Configure(IApplicationBuilder app)
5858

5959
打开 **Dependencies** > **Manage NuGet Packages** > **Browse**。搜索并安装`Microsoft.AspNetCore.StaticFiles` 1.1.2:
6060

61-
![安装Microsoft.AspNetCore.StaticFiles](../assets/install-nuget-packages.png)
61+
![安装Microsoft.AspNetCore.StaticFiles](../assets/images/tutorials/aspnet/install-nuget-packages.png)
6262

6363
如下替换掉`Startup.cs``Configure`的内容:
6464

@@ -76,17 +76,17 @@ public void Configure(IApplicationBuilder app)
7676

7777
下一步我们为 TypeScript 添加一个文件夹。
7878

79-
![Create new folder](../assets/new-folder.png)
79+
![Create new folder](../assets/images/tutorials/aspnet/new-folder.png)
8080

8181
将文件夹命名为 `scripts`
8282

83-
![scripts folder](../assets/scripts-folder.png)
83+
![scripts folder](../assets/images/tutorials/aspnet/scripts-folder.png)
8484

8585
### 添加 TypeScript 代码
8686

8787
`scripts`上右击并选择**New Item**。 接着选择**TypeScript File**(也可能 .NET Core 部分),并将此文件命名为`app.ts`
8888

89-
![New item](../assets/new-item.png)
89+
![New item](../assets/images/tutorials/aspnet/new-item.png)
9090

9191
### 添加示例代码
9292

@@ -106,7 +106,7 @@ function sayHello() {
106106

107107
我们先来告诉TypeScript怎样构建。 右击scripts文件夹并选择**New Item**。 接着选择**TypeScript Configuration File**,保持文件的默认名字为`tsconfig.json`
108108

109-
![Create tsconfig.json](../assets/new-tsconfig.png)
109+
![Create tsconfig.json](../assets/images/tutorials/aspnet/new-tsconfig.png)
110110

111111
将默认的`tsconfig.json`内容改为如下所示:
112112

@@ -177,7 +177,7 @@ gulp.task('default', function () {
177177

178178
现在,右击`gulpfile.js`并选择**Task Runner Explorer**。 若'default'和'clean'任务没有显示输出内容的话,请刷新explorer:
179179

180-
![Refresh Task Runner Explorer](../assets/task-runner-explorer.png)
180+
![Refresh Task Runner Explorer](../assets/images/tutorials/aspnet/task-runner-explorer.png)
181181

182182
### 编写HTML页
183183

@@ -206,7 +206,7 @@ gulp.task('default', function () {
206206
1. 运行项目。
207207
2. 在输入框中键入时,您应该看到一个消息:
208208

209-
![Picture of running demo](../assets/running-demo.png)
209+
![Picture of running demo](../assets/images/tutorials/aspnet/running-demo.png)
210210

211211
### 调试
212212

@@ -215,7 +215,7 @@ gulp.task('default', function () {
215215
3.`return` 那一行上打一个断点。
216216
4. 在输入框中键入一些内容,确认TypeScript代码命中断点,观察它是否能正确地工作。
217217

218-
![Demo paused on breakpoint](../assets/paused-demo.png)
218+
![Demo paused on breakpoint](../assets/images/tutorials/aspnet/paused-demo.png)
219219

220220
这就是你需要知道的在ASP.NET中使用TypeScript的基本知识了。 接下来,我们引入Angular,写一个简单的Angular程序示例。
221221

0 commit comments

Comments
 (0)