@@ -17,55 +17,55 @@ This sample script can be used to demonstrate various topics concerning Visual S
17
17
18
18
## Monaco Hello World
19
19
20
- 1 . Add default.html with html snippet ? Ctrl + Blank
21
- 2 . Add default.css with css snippet
20
+ 1 . Add * default.html* with * html* snippet and * Ctrl + Blank*
21
+ 2 . Add * default.css* with * css* snippet
22
22
3 . Show some editor features
23
- 1. Ctrl+E $ ? Editor features
23
+ 1. * Ctrl+E $* Editor features
24
24
2. CSS Intellisense
25
25
3. Side-by-side editing
26
- 4. Show site in browser
26
+ 4 . Show site in browser
27
27
5 . Commit to git
28
28
6 . Push back to VSOnline
29
- 1. git remote –v
30
- 2. git push origin master
29
+ 1. ` git remote –v`
30
+ 2. ` git push origin master`
31
31
7. Show some editor features
32
32
1. Changes view
33
33
2. Undo
34
34
35
35
## TypeScript
36
36
37
37
1 . Install TypeScript
38
- 1. npm install typescript –g
39
- 2 . Add default.ts with sayHello function with alert(), call it in onload
40
- 3 . Compile default.ts with tsc
38
+ 1. ` npm install typescript –g`
39
+ 2 . Add * default.ts* with * sayHello* function with * alert()* , call it in * onload*
40
+ 3 . Compile * default.ts* in console with ` tsc default.ts `
41
41
4 . Show site in browser
42
42
43
43
## Prepare for Larger Sample
44
44
45
- 1 . Speak about .d.ts files
46
- 1. Show DefinitelyTyped project
45
+ 1 . Speak about * .d.ts* files
46
+ 1. Show * DefinitelyTyped* project
47
47
2 . Install type definitions
48
- 1. npm install tsd –g
49
- 2. tsd query jquery –a install
50
- 3. tsd query angular –a install
51
- 4. tsd query angular-route –a install
52
- 5. tsd query AzureMobileServicesClient –a install
53
- 3 . Change default.ts to use TypeScript
48
+ 1. ` npm install tsd –g`
49
+ 2. ` tsd query jquery –a install`
50
+ 3. ` tsd query angular –a install`
51
+ 4. ` tsd query angular-route –a install`
52
+ 5. ` tsd query AzureMobileServicesClient –a install`
53
+ 3 . Change * default.ts* to use JQuery with TypeScript
54
54
1. `/// <reference path="./typings/jquery/jquery.d.ts" /> function sayHello() { $("#target").html("<h1>Hello World</h1>"); }`
55
- 4 . Show IntelliSense based on .d.ts
55
+ 4 . Show IntelliSense based on * .d.ts*
56
56
57
- 5 . Remove default. * demo files
57
+ 5 . Remove all * default* demo files
58
58
59
59
## Prepare Azure Mobile Service
60
60
61
61
1 . Create Mobile Service in Azure
62
62
1. Make sure to update service URI in controllers
63
63
2 . Install type definitions
64
- 1. tsd query AzureMobileServicesClient –a install
64
+ 1. ` tsd query AzureMobileServicesClient –a install`
65
65
66
66
## Implement Solution
67
67
68
- 1 . Upload 01 Sourcecode.zip via drag-and-drop
68
+ 1 . Upload * 01 Sourcecode.zip* via drag-and-drop from explorer
69
69
2 . Unzip file in the browser
70
70
3 . Compile TS files in console
71
71
4 . Show some editor functions
@@ -74,20 +74,20 @@ This sample script can be used to demonstrate various topics concerning Visual S
74
74
75
75
## Automate Build Using Grunt
76
76
77
- 1 . Upload 02 Grunt Typescript.zip
77
+ 1 . Upload * 02 Grunt Typescript.zip*
78
78
2 . Unzip file in browser
79
- 1. npm install
80
- 3 . Show Build via Grunt
81
- 1. Single Grunt
82
- 2. Grunt Watch
79
+ 1. ` npm install`
80
+ 3 . Show Build via * Grunt*
81
+ 1. Single * Grunt*
82
+ 2. * Grunt Watch*
83
83
84
- ## Add Unit Testing With Jasmine
84
+ ## Add Unit Testing With * Jasmine*
85
85
86
86
1 . Install type definitions
87
- 1. tsd query Jasmine –a install
88
- 2 . Upload 03 Grunt With Tests.zip
87
+ 1. ` tsd query Jasmine –a install`
88
+ 2 . Upload * 03 Grunt With Tests.zip*
89
89
3 . Unzip file in browser
90
- 1. npm install
90
+ 1. ` npm install`
91
91
4 . Show Build via Grunt
92
92
1. Single Grunt
93
93
2. Grunt Watch
0 commit comments