Node.js
Install Node.js' package ecosystem, npm, (v5.7.1 stable as of this writing)
https://nodejs.org/en/
Node.js was installed at
/usr/local/bin/node
npm was installed at
/usr/local/bin/npm
Make sure that /usr/local/bin is in your $PATH.
$ node -v
v5.7.1
$ node
>
console.log('Hello World');
Hello World
undefined
>
(To exit, press ^C again or type .exit)
>
$
$ npm search
npm WARN Building the local index for the first time, please be patient
▄ ╢░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░╟
Bower
$ npm install -g bower
npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules
$ sudo npm install -g bower
/usr/local/bin/bower -> /usr/local/lib/node_modules/bower/bin/bower
/usr/local/lib
└── bower@1.7.7
jQuery
$ bower install jquery
bower not-cached git://github.com/jquery/jquery-dist.git#*
bower resolve git://github.com/jquery/jquery-dist.git#*
bower download https://github.com/jquery/jquery-dist/archive/2.2.1.tar.gz
bower extract jquery#* archive.tar.gz
bower resolved git://github.com/jquery/jquery-dist.git#2.2.1
bower install jquery#2.2.1
jquery#2.2.1 bower_components/jquery
Angular Material
$ bower install angular-material -D
bower not-cached git://github.com/angular/bower-material.git#*
bower resolve git://github.com/angular/bower-material.git#*
bower download https://github.com/angular/bower-material/archive/v1.0.6.tar.gz
bower extract angular-material#* archive.tar.gz
bower resolved git://github.com/angular/bower-material.git#1.0.6
bower not-cached git://github.com/angular/bower-angular.git#^1.4.8
bower resolve git://github.com/angular/bower-angular.git#^1.4.8
bower not-cached git://github.com/angular/bower-angular-aria.git#^1.4.8
bower resolve git://github.com/angular/bower-angular-aria.git#^1.4.8
bower not-cached git://github.com/angular/bower-angular-messages.git#^1.4.8
bower resolve git://github.com/angular/bower-angular-messages.git#^1.4.8
bower not-cached git://github.com/angular/bower-angular-animate.git#^1.4.8
bower resolve git://github.com/angular/bower-angular-animate.git#^1.4.8
bower download https://github.com/angular/bower-angular-aria/archive/v1.5.0.tar.gz
bower download https://github.com/angular/bower-angular-messages/archive/v1.5.0.tar.gz
bower download https://github.com/angular/bower-angular-animate/archive/v1.5.0.tar.gz
bower download https://github.com/angular/bower-angular/archive/v1.5.0.tar.gz
bower extract angular-aria#^1.4.8 archive.tar.gz
bower resolved git://github.com/angular/bower-angular-aria.git#1.5.0
bower extract angular-messages#^1.4.8 archive.tar.gz
bower resolved git://github.com/angular/bower-angular-messages.git#1.5.0
bower extract angular-animate#^1.4.8 archive.tar.gz
bower resolved git://github.com/angular/bower-angular-animate.git#1.5.0
bower extract angular#^1.4.8 archive.tar.gz
bower resolved git://github.com/angular/bower-angular.git#1.5.0
bower install angular-material#1.0.6
bower install angular-aria#1.5.0
bower install angular-messages#1.5.0
bower install angular-animate#1.5.0
bower install angular#1.5.0
bower no-json No bower.json file to save to, use bower init to create one
angular-material#1.0.6 bower_components/angular-material
├── angular#1.5.0
├── angular-animate#1.5.0
├── angular-aria#1.5.0
└── angular-messages#1.5.0
angular-aria#1.5.0 bower_components/angular-aria
└── angular#1.5.0
angular-messages#1.5.0 bower_components/angular-messages
└── angular#1.5.0
angular-animate#1.5.0 bower_components/angular-animate
└── angular#1.5.0
angular#1.5.0 bower_components/angular
$
Test Angular Imports
I am following this tutorial:https://github.com/angular/material-start/tree/es5-tutorial
- Open Brackets editor
- Try to import all the basic scripts
- and run log.debug to console
- Open this HTML in Chrome,
- right click to inspect
- and select Console
Start Developing
I got KIWI SVG image from here:
https://css-tricks.com/using-svg/
If you like this post, please give me your 2 cents ($0.02 litterally) to show token of appreciation and encourage me to write more:Donate Bitcoins
