https://github.com/tanmoythander/angular-gulp-boilerplate

Testing, Development and Building tool for angularJS front-end project. Quickly start your angularJS project, develope with flexibility using dev command line tools and build a deploy version with source minification.
https://github.com/tanmoythander/angular-gulp-boilerplate

angularjs angularjs-application angularjs-boilerplate angularjs-front gulp gulp-js gulp-plugin gulp-plugins gulp-starter gulp-task gulp-tasks gulpfile gulpjs gulpplugin watch

Last synced: 2 months ago
JSON representation

Testing, Development and Building tool for angularJS front-end project. Quickly start your angularJS project, develope with flexibility using dev command line tools and build a deploy version with source minification.

• Host: GitHub
• URL: https://github.com/tanmoythander/angular-gulp-boilerplate
• Owner: tanmoythander
• License: mit
• Created: 2017-01-30T14:31:23.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-02T04:24:50.000Z (about 2 years ago)
• Last Synced: 2024-09-28T06:42:02.258Z (3 months ago)
• Topics: angularjs, angularjs-application, angularjs-boilerplate, angularjs-front, gulp, gulp-js, gulp-plugin, gulp-plugins, gulp-starter, gulp-task, gulp-tasks, gulpfile, gulpjs, gulpplugin, watch
• Language: JavaScript
• Homepage:
• Size: 5.3 MB
• Stars: 3
• Watchers: 2
• Forks: 2
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Angular Gulp Boilerplate

#### Quickly start your angularJS project, develope with flexibility using dev command line tools and build a deploy version with source minification.

## Installing on local machine

### Please make sure you have node.js installed on your machine

If you don't have, [click here](https://nodejs.org/)

#### 1. Check if you have it installed or not,

```

npm -v

```

and,

```

node -v

```

you should see some version info in return.

#### 2. Install global packages

run on any directory,

```

npm install -g gulp-cli node-gyp

```

in case of mac or linux, you might need to mention "sudo"

#### 3. Now go to the directory where you want to place the project files using git bash

(terminal for mac or linux)

run the command,

```

git clone URL

```

here URL is the http url you get from the repository page, [Click here to clone](https://github.com/tanmoythander/angular-gulp-boilerplate)

#### 4. now navigate to the project directory with cmd (terminal for mac or linux)


run the command,

```

npm install

```

wait for it to be completed. It usually takes 5-10 minutes to complete.

It will download all the dependencies, build the project and serve the build on browser.

## Using the gulp commands

#### 1. Serve the source

File watching enabled (Development Mode)

```

gulp

```

You should see the browser window opening address http://localhost:3000 (opens another port if unavailable).

If you want to serve the source without watching file changes (Source Testing Mode),

run this,

```

gulp serveSource

```

#### 2. Build the source

Build the source code into ./_build (Deployment Mode)

```

gulp build

```

Warning: It will delete previous build !!!

#### 3. Serve the build

Serve the ./_build/ without watching file changes (Build Testing Mode)

```

gulp serveBuild

```

you should see the browser window opening address http://localhost:3000 (opens another port if unavailable).

Warning: It will delete previous build !!!

## Developer Hint

Please change your editor configuration like below before you start development

#### Indent character: "\t" (tab)

#### Indent size: 2

#### Line endings: LF (unix)

See the live demo [here](https://tanmoythander.info/angular)