Gulp Starter

Getting Started

1. Install Node.js
2. Install global: npm install -g yarn bower
3. Set path (e.g. cd C:\xampp\htdocs\jojoee.com\gulp-starter)
4. Go to project: (e.g. cd simple)
5. Install dependencies: bower install && npm install

Note

• Code style: Airbnb

Projects

browserify

• Less
• ES6
• Testing with mocha
• Browsersync
• Inject compliled css without refresh
• Add UI automated testing (e.g. Zombie.js, Nightwatch)
• Implement Shields.io
• Implement JSHint
• Implement JSCS

Start: `npm run build` or `npm run build.watch`
Test: `npm run test` or `npm run test.watch`

php

• PHP
• Browsersync
• Inject compliled css without refresh
• Implement phpcs and add it into travis

Need to
- Setup PHP server
- Setup proxy in `gulpfile.js`

Start: `npm run build.watch`

simple

• Sass
• Testing with mocha
• Browsersync
• Inject compliled css without refresh
• Add UI automated testing (e.g. Zombie.js, Nightwatch)

Start: `npm run build` or `npm run build.watch`
Test: `npm run test` or `npm run test.watch`

simple2

• Sass
• Testing with mocha
• Browsersync
• JSHint
• Uglify
• Concat
• Inject compliled css without refresh
• Add UI automated testing (e.g. Zombie.js, Nightwatch)

Start: `npm run build` or `npm run build.watch`
Test: `npm run test` or `npm run test.watch`

typescript

• TypeScript
• Browsersync
• Testing
• Css preprocessor
• tsconfig.json
• tslint.json

Start: `npm run build` or `npm run build.watch`
Test: `npm run test` or `npm run test.watch`

Other
- `npm install -g typescript`
- `tsc js/main.ts`