Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 8b730d2

Browse files
alexwolfealexwolfe
committed
cleanup for setup file
1 parent 09307de commit 8b730d2

File tree

4 files changed

+33
-33
lines changed

4 files changed

+33
-33
lines changed

‎public/docs/js/latest/guide/setup.jade

Lines changed: 16 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -10,27 +10,21 @@
1010
p.
1111
You can edit and test out your apps either though serving local files through a web server or through a service like
1212
Plunker.
13-
13+
1414
.callout.is-helpful
1515
header Plunker is the fastest setup
1616
p.
1717
Plunker is a free online text editor. You can use the <a href="http://plnkr.co/edit/?p=preview">starter template</a> for Angular 2 to get going without any setup.
18-
18+
1919
p.
2020
For Plunker, just use the <a href="http://plnkr.co/edit/?p=preview">starter template</a> to get going. If you're serving local files, edit and save them and start a web server that serves files in that directory. If you have Python installed, you can run a basic HTTP server from the root of your code directory with:
2121

2222
pre.prettyprint.lang-bash
2323
code python -m SimpleHTTPServer 8000
24-
25-
.l-sub-section
26-
h3#section-examples Live Examples
27-
p.
28-
If you want to skip the working examples you can check out these links on Plunker.
29-
ul
30-
li
31-
a(href='http://plnkr.co/edit/MRz2i7sjupzxERPAa3SF?p=preview') TypeScript
32-
li
33-
a(href='http://plnkr.co/edit/wzzKo4etk24t0oAnL6ep?p=preview') ES5
24+
25+
p.
26+
If you want to skip the working examples you can check out these links on Plunker. <a href='http://plnkr.co/edit/MRz2i7sjupzxERPAa3SF?p=preview')> TypeScript Example</a> or
27+
<a href='http://plnkr.co/edit/wzzKo4etk24t0oAnL6ep?p=preview'> ES5 Example</a>.
3428

3529
.l-main-section
3630
h2#section-create-an-entry-point Create an entry point
@@ -41,7 +35,7 @@
4135
p.
4236
In the <code>&lt;body&gt;</code>, add an element called <code>&lt;my-app&gt;</code> that will be the root of your
4337
application.
44-
38+
4539
p.
4640
The TypeScript setup includes System.js, a third-party open-source library that adds ES6 module loading functionality to browsers. This step isn't needed for the ES5 version. System requires mapping the code file paths to understand what to be load.
4741

@@ -129,7 +123,7 @@
129123
}
130124

131125
bootstrap(AppComponent);
132-
126+
133127
.l-main-section
134128
h2#section-run-it Run it!
135129

@@ -170,32 +164,30 @@
170164
The <code>@Component</code> annotation defines the HTML tag for the component by specifying the component's CSS selector.
171165
p.
172166
The <code>@View</code> annotation defines the HTML that represents the component. The component you wrote uses an inline template, but you can also have an external template. To use an external template, specify a <code>templateUrl</code> property and give it the path to the HTML file.
173-
167+
174168
.l-sub-section
175169
h3 import vs. window.angular
176170
p.
177171
The main difference between the ES5 and TypeScript versions is the loading of modules.
178-
179-
strong TypeScript
172+
173+
strong TypeScript
180174
p.
181175
TypeScript supports ES6 module loading syntax. ES6 modules allow for modular loading of JavaScript code. Using ES6 modules you can cherry-pick only what you need for your app.
182-
176+
183177
pre.prettyprint.lang-typescript
184178
code.
185179
import {Component, View, bootstrap} from 'angular2/angular2';
186180
...
187181
// bootstrap is available for use because it was imported from angular core
188182
bootstrap(AppComponent);
189-
183+
190184
strong ES5
191185
p.
192-
In ES5 the script file creates an angular property on the window of the browser. This property contains every piece of Angular core, whether you need it or not.
193-
186+
In ES5 the script file creates an angular property on the window of the browser. This property contains every piece of Angular core, whether you need it or not.
187+
194188
pre.prettyprint.lang-typescript
195189
code.
196190
// window.angular is available because the script file attaches the angular property to the window
197191
document.addEventListener('DOMContentLoaded', function() {
198192
angular.bootstrap(AppComponent);
199-
});
200-
201-
p Exciting! Not excited yet? Let's move on to <a href="displaying-data.html">Displaying Data</a>.
193+
});

‎public/docs/js/latest/quickstart.jade

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
1-
p.
2-
<strong>Angular is still unpackaged and in alpha</strong>. This quickstart does not
3-
reflect the final build process for Angular. The following setup is for those who
4-
want to try out Angular while it is in alpha.
1+
.callout.is-helpful
2+
header Angular is still unpackaged and in alpha
3+
p.
4+
This quickstart does not
5+
reflect the final build process for Angular. The following setup is for those who
6+
want to try out Angular while it is in alpha.
57

68
// STEP 1 - Create a project ##########################
79
.l-main-section

‎public/resources/css/base/_type.scss

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,18 @@ body {
1010
color: $platinum;
1111
}
1212

13-
14-
1513
a {
1614
color: $blueberry;
1715
}
1816

17+
code {
18+
background: $mist;
19+
border-radius: 2px;
20+
font-family: $mono-font;
21+
color: $metal;
22+
padding: 0px 2px;
23+
}
24+
1925
.text-center {
2026
text-align: center;
2127
}

‎public/resources/css/module/_code.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
overflow: hidden;
3030
position: relative;
3131
padding: 0px;
32-
font-size: 14px;
32+
font-size: 15px;
3333
font-weight: 600;
3434
line-height: 24px;
3535
margin-bottom: $unit * 3;
@@ -54,7 +54,7 @@
5454
overflow: auto;
5555
border-radius: 3px;
5656
font-weight: 600;
57-
font-size: 14px;
57+
font-size: 15px;
5858

5959
li {
6060
color: $metal;
@@ -70,7 +70,7 @@
7070

7171
code {
7272
background: none;
73-
font-size: 14px;
73+
font-size: 15px;
7474
}
7575
}
7676
}

0 commit comments

Comments
 (0)