Front-End project with nodejs gulp bower yeoman and angularjs
instal NodeJS
$ brew install node
install bower
$ npm install bower -g
create simple bower projects
$ mkdir bower-example
$ cd bower-example
$ touch .bowercc
and define library directory name
{
"directory": "lib"
}
then create bower.json
$ touch bower.json
define your front-end javascript libraryes like this.
{
"name": "core",
"private": true,
"dependencies": {
"jquery": "3.2.1",
"font-awesome": "4.7.0",
"bootstrap": "3.3.7"
}
}
create your index.html
$ touch index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="/lib/yourlibs...."></script>
</head>
<body>
<h1>Welcome to example bower web project</h1>
<h2>front-end package management</h2>
<article class="container">
Bower can manage components that contain HTML, CSS, JavaScript, fonts or even image files
</article>
<pre>
# installs the project dependencies listed in bower.json
$ bower install
# registered package
$ bower install jquery
# Git endpoint
$ bower install git://github.com/user/package.git
# URL
$ bower install http://example.com/script.js
</pre>
</body>
install bower packages
$ bower install
intall gulp
$ npm install gulp -g
intall yeoman
$ npm install yo -g
install generator