Skip to content

Commit 94a5179

Browse files
author
Dennis Jaamann
committed
Added gitignore
1 parent 6f204a2 commit 94a5179

File tree

2 files changed

+126
-0
lines changed

2 files changed

+126
-0
lines changed

.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
.idea/

README.md

+125
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
# Angular basics workshop
2+
3+
The steps described here will help you setup all tools needed to be able to properly follow this workshop.
4+
5+
It would be better to install these tools in advance to ensure that the time spent during the workshop is well spent.
6+
7+
## Prerequisites
8+
9+
### (Windows only) Install Git
10+
11+
Download and install git - http://git-scm.com/downloads
12+
13+
Make sure git is also set on your path so you can access it from a command line, or use git bash.
14+
15+
### (Optional) install sourcetree
16+
17+
Download and install sourcetree - http://sourcetreeapp.com/
18+
19+
20+
### Install NodeJS
21+
22+
Download and install NodeJS http://nodejs.org/
23+
24+
## Configure NodeJS
25+
26+
### Own your own modules (OSX only)
27+
28+
This step is needed since NodeJS is installed on the super user's account (admin).
29+
By doing this you will not have to prepend every node or npm command with the sudo keyphrase.
30+
31+
Open a terminal and type the following commands:
32+
33+
<code>
34+
sudo chown -R $USER ~/.npm<br/>
35+
sudo chown -R $USER /usr/local/lib/node_modules
36+
</code>
37+
38+
### Update npm (OSX)
39+
40+
Open a terminal and run the following command:
41+
42+
<code>
43+
npm install -g npm
44+
</code>
45+
46+
### Update npm (Windows)
47+
48+
Open a cmd and navigate to the installation folder.
49+
50+
<code>
51+
cd C:\Program Files (x86)\nodejs<br/>
52+
npm install -g npm
53+
</code>
54+
55+
### Install necessary npm packages globally
56+
57+
To be able to use these tools, we need to install them in the NodeJS global namespace.
58+
59+
Open a cmd or terminal and execute the following command:
60+
61+
<code>npm install -g grunt-cli karma-cli bower</code>
62+
63+
## Getting started
64+
65+
### Clone the git repo
66+
67+
Open up a cmd or use sourcetree to clone the repository.
68+
69+
<code>git clone https://github.com/DennisJaamann/angularbasics.git</code>
70+
71+
### Initialize node modules needed by the project
72+
73+
Open up a cmd or terminal and navigate to your project root.
74+
75+
Run following command:
76+
77+
<code>npm install</code>
78+
79+
### Install missing npm packages
80+
81+
This step is needed due to an error in the template (archetype) used to generate the project.
82+
83+
Open up a cmd or terminal and navigate to your project root.
84+
85+
Run following command:
86+
87+
<code>npm install imagemin-gifsicle imagemin-jpegtran imagemin-optipng imagemin-pngquant</code>
88+
89+
### Bower (Optional)
90+
91+
In some environments, typically behind a proxy the bower install step might fail.
92+
This also fails mostly on windows systems.
93+
94+
#### At the root of your project, create a folder
95+
96+
<code>
97+
mkdir bower_components
98+
</code>
99+
100+
#### Set the proxy
101+
102+
Open a cmd and set the proxy with the following command:
103+
104+
<code>
105+
set HTTP_PROXY=http://user:[email protected]:port<br/>
106+
set HTTPS_PROXY=http://user:[email protected]:port
107+
</code>
108+
109+
#### Run bower install to install components
110+
111+
Open a cmd or terminal and type the following command where your bower.json file is located:
112+
113+
<code>
114+
bower install
115+
</code>
116+
117+
### Start grunt server
118+
119+
The project itself can be run locally. All files are served on a NodeJS instance.
120+
121+
To run the project, open a cmd or terminal and run the following command where your Gruntfile.js is located:
122+
123+
<code>
124+
grunt serve
125+
</code>

0 commit comments

Comments
 (0)