forked from crolek/grunt_intro_example
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathREADME.html
131 lines (129 loc) · 3.7 KB
/
README.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>doc</title>
<style>
/*github.com style (c) Vasily Polovnyov <[email protected]>*/
pre code {
display: block; padding: 0.5em;
color: #333;
background: #f8f8ff
}
pre .comment,
pre .template_comment,
pre .diff .header,
pre .javadoc {
color: #998;
font-style: italic
}
pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .nginx .title,
pre .subst,
pre .request,
pre .status {
color: #333;
font-weight: bold
}
pre .number,
pre .hexcolor,
pre .ruby .constant {
color: #099;
}
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula {
color: #d14
}
pre .title,
pre .id {
color: #900;
font-weight: bold
}
pre .javascript .title,
pre .lisp .title,
pre .clojure .title,
pre .subst {
font-weight: normal
}
pre .class .title,
pre .haskell .type,
pre .vhdl .literal,
pre .tex .command {
color: #458;
font-weight: bold
}
pre .tag,
pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {
color: #000080;
font-weight: normal
}
pre .attribute,
pre .variable,
pre .lisp .body {
color: #008080
}
pre .regexp {
color: #009926
}
pre .class {
color: #458;
font-weight: bold
}
pre .symbol,
pre .ruby .symbol .string,
pre .lisp .keyword,
pre .tex .special,
pre .prompt {
color: #990073
}
pre .built_in,
pre .lisp .title,
pre .clojure .built_in {
color: #0086b3
}
pre .preprocessor,
pre .pi,
pre .doctype,
pre .shebang,
pre .cdata {
color: #999;
font-weight: bold
}
pre .deletion {
background: #fdd
}
pre .addition {
background: #dfd
}
pre .diff .change {
background: #0086b3
}
pre .chunk {
color: #aaa
}
</style>
</head>
<body>
<h1>Intro</h1>
<p>This repo was built as an intro to <a href="http://gruntjs.com/">Grunt</a> for <a href="dsmjs.com">DSMJS.com</a>. Since I like to teach in sort of an explicit manner each Example folder is essentially a self contained "project". I'd suggest you start with Example1 and work your way up.</p>
<h1>Using this repo</h1>
<p>You must have the following done to use this repo properly. (I'll try to link to more detailed guides about these later)
<em> <a href="http://nodejs.org/">Installed Nodejs 0.10.17 or higher</a>
</em> <a href="http://gruntjs.com/getting-started">Installled Grunt-cli</a>. Basically, in your command prompt type <code>npm install -g grunt-cli</code></p>
<p>Once you've done that all you need to do is open a command prompt to where you've clone this repo. Then navigate into the Example you want to use, and do an <code>npm install</code>. Once you've done that look at the README.md file in each Example folder, and the comments in the <code>Gruntfile.js</code> file. The README file will help explain whats going on in each Gruntfile.js. If you have questions ping me @crolek on twitter or [email protected].</p>
<h2>Example Details</h2>
<ul>
<li>Example1: A simple copy/paste of source files.</li>
<li>Example2: Compiling Less files</li>
<li>Example3: Minifying/Aggregating CSS and JS using multple tasks.</li>
<li>Example4: Grunt Watch - bringing it all together!</li>
</ul>
</body>
</html>