@@ -36,12 +36,6 @@ include ../_util-fns
36
36
- [Step 6](#edit-config): Edit the TypeScript configuration file
37
37
- [Step 7](#build-and-run): Build and run the app
38
38
39
- - [Step 3](#main): Add `main.#{_docsFor}`, identifying the root component to Angular
40
- - [Step 4](#index): Add `index.html`, the web page that hosts the application
41
-
42
- - [Make some changes to the app](#make-some-changes)
43
- - [Wrap up](#wrap-up)
44
-
45
39
.l-main-section
46
40
h2#prereq Prerequisite: Node.js
47
41
@@ -59,19 +53,19 @@ h2#download Step 1: Download the QuickStart files
59
53
60
54
:marked
61
55
[Download the QuickStart source](https://github.com/angular/quickstart)
62
- from github. If you download as a zip file, extract the files.
56
+ from github. If you downloaded as a zip file, extract the files.
63
57
64
58
.l-main-section
65
59
h2#setup-vs Step 2: Set up Visual Studio for TypeScript
66
60
67
61
:marked
68
62
Ensure you have the latest version of Visual Studio 2015 installed.
69
- Then open Visual Studio 2015 and download the latest set of TypeScript tools for
63
+ Then open Visual Studio 2015 and install the latest set of TypeScript tools for
70
64
Visual Studio as follows:
71
65
72
66
* Open `Tools` | `Extensions and Updates`.
73
67
* Select `Online` in the tree on the left.
74
- * Search for `TypeScript` in the search box in the upper right.
68
+ * Search for `TypeScript` using the search box in the upper right.
75
69
* Select the latest TypeScript version (`TypeScript 1.8.4 for Visual Studio 2015`).
76
70
* Download and install the package.
77
71
@@ -95,7 +89,7 @@ h2#copy Step 4: Copy the QuickStart files into the ASP.NET project folder
95
89
Copy the QuickStart files downloaded from github to the folder containing the `.csproj` folder.
96
90
Include the files in the project as follows:
97
91
98
- * Click the `Show All Files` button in Solution Explorer to show all of the files in the project.
92
+ * Click the `Show All Files` button in Solution Explorer to show all of the hidden files in the project.
99
93
* Right-click on each folder/file to be included in the project and select `Include in Project`.
100
94
Minimally, include the following folder/files:
101
95
* app folder
@@ -112,8 +106,8 @@ h2#restore Step 5: Restore the required packages
112
106
:marked
113
107
Restore the packages required for an Angular application as follows:
114
108
115
- * Right-click on the packages .json file in Solution Explorer and select `Restore Packages`.
116
- <br>This uses npm to install all of the packages defined in the package.json file. This may take some time.
109
+ * Right-click on the `package .json` file in Solution Explorer and select `Restore Packages`.
110
+ <br>This uses ` npm` to install all of the packages defined in the ` package.json` file. This may take some time.
117
111
* If desired, open the Output window (`View` | `Output`) to watch the npm commands execute.
118
112
* When the restore is finished, you should see a message that states: `npm command completed with exit code 0`.
119
113
<br>You may also see some warnings which can be ignored.
@@ -136,7 +130,7 @@ h2#edit-config Step 6: Edit the TypeScript configuration file
136
130
137
131
:marked
138
132
There is one additional option in the TypeScript configuration (`tsconfig.json`) file that is not required when using other editors,
139
- but is required if using Visual Studio 2015. Add line 13 to the tsconfig.json file as shown here. After making this change
133
+ but is required if using Visual Studio 2015. Add line 13 to the ` tsconfig.json` file as shown here. After making this change
140
134
exit Visual Studio and reopen it to reload the project.
141
135
142
136
+ makeJson('cb-visual-studio-2015/ts/tsconfig.json' , null , 'tsconfig.json (scripts)' )
@@ -166,4 +160,4 @@ h2#build-and-run Step 7: Build and run the app
166
160
When you add routing to the application, the refresh only works when there is no routing path in the address bar.
167
161
168
162
:marked
169
- [Back to top](#top)
163
+ [Back to top](#top)
0 commit comments