playing around with rdash-angular

caritanya, subuh-subuh ini lagi nyari design yang bagus untuk kerjaan saya dengan budi

dan nemu rdash-angular dari github

buat yang punya windows, sebaiknya install dulu npm, lalu update

08/04/2015_ 5:30:56,12
E:\w64\nodejs>npm update
npm@2.7.5 node_modules\npm

coba sekali lagi npm update. kalo dah ngga ada macam-macam, seharusnya sudah terupdate semua

08/04/2015_ 5:32:45,67
E:\w64\nodejs>npm update

lalu install bower secara global agar membuat bower.cmd di folder ini, karena saya telah menambahkan direktori ini ke dalam PATH saya di Environment Variable windows.

08/04/2015_ 5:37:06,38
E:\w64\nodejs>npm install -g bower
E:\w64\nodejs\bower -> E:\w64\nodejs\node_modules\bower\bin\bower
bower@1.4.1 E:\w64\nodejs\node_modules\bower
├── is-root@1.0.0
├── junk@1.0.1
├── stringify-object@1.0.1
├── abbrev@1.0.5
├── chmodr@0.1.0
├── user-home@1.1.1
├── which@1.0.9
├── rimraf@2.3.2
├── archy@1.0.0
├── bower-logger@0.2.2
├── bower-endpoint-parser@0.2.2
├── lru-cache@2.5.0
├── opn@1.0.1
├── graceful-fs@3.0.6
├── lockfile@1.0.0
├── retry@0.6.1
├── nopt@3.0.1
├── tmp@0.0.24
├── q@1.2.0
├── request-progress@0.3.1 (throttleit@0.0.2)
├── shell-quote@1.4.3 (array-filter@0.0.1, array-map@0.0.0, array-reduce@0.0.0,
jsonify@0.0.0)
├── chalk@1.0.0 (escape-string-regexp@1.0.3, ansi-styles@2.0.1, supports-color@1
.3.1, strip-ansi@2.0.1, has-ansi@1.0.3)
├── bower-json@0.4.0 (intersect@0.0.3, deep-extend@0.2.11, graceful-fs@2.0.3)
├── semver@2.3.2
├── p-throttler@0.1.1 (q@0.9.7)
├── fstream@1.0.4 (inherits@2.0.1)
├── promptly@0.2.0 (read@1.0.5)
├── mkdirp@0.5.0 (minimist@0.0.8)
├── tar-fs@1.5.0 (pump@1.0.0, tar-stream@1.1.3)
├── fstream-ignore@1.0.2 (inherits@2.0.1, minimatch@2.0.4)
├── glob@4.5.3 (inherits@2.0.1, once@1.3.1, inflight@1.0.4, minimatch@2.0.4)
├── insight@0.5.3 (object-assign@2.0.0, lodash.debounce@3.0.3, async@0.9.0, os-n
ame@1.0.3, tough-cookie@0.12.1)
├── update-notifier@0.3.1 (is-npm@1.0.0, string-length@1.0.0, semver-diff@2.0.0,
latest-version@1.0.0)
├── decompress-zip@0.1.0 (mkpath@0.1.0, touch@0.0.3, readable-stream@1.1.13, bin
ary@0.3.0)
├── github@0.2.3
├── request@2.53.0 (caseless@0.9.0, json-stringify-safe@5.0.0, forever-agent@0.5
.2, aws-sign2@0.5.0, stringstream@0.0.4, oauth-sign@0.6.0, tunnel-agent@0.4.0, i
sstream@0.1.2, node-uuid@1.4.3, qs@2.3.3, mime-types@2.0.10, combined-stream@0.0
.7, form-data@0.2.0, bl@0.9.4, http-signature@0.10.1, tough-cookie@0.12.1, hawk@
2.3.1)
├── bower-registry-client@0.3.0 (request-replay@0.2.0, graceful-fs@2.0.3, lru-ca
che@2.3.1, rimraf@2.2.8, async@0.2.10, mkdirp@0.3.5, request@2.51.0)
├── cardinal@0.4.4 (ansicolors@0.2.1, redeyed@0.4.4)
├── mout@0.11.0
├── bower-config@0.6.1 (osenv@0.0.3, graceful-fs@2.0.3, optimist@0.6.1, mout@0.9
.1)
├── configstore@0.3.2 (object-assign@2.0.0, xdg-basedir@1.0.1, osenv@0.1.0, uuid
@2.0.1, js-yaml@3.2.7)
├── handlebars@2.0.0 (optimist@0.3.7, uglify-js@2.3.6)
└── inquirer@0.8.0 (figures@1.3.5, ansi-regex@1.1.1, mute-stream@0.0.4, through@
2.3.7, readline2@0.1.1, chalk@0.5.1, lodash@2.4.1, cli-color@0.3.3, rx@2.5.1)

coba dir, sekarang seharusnya sudah ada bower.cmd agar bisa jalankan perintah bower di cmd

08/04/2015_ 5:40:07,21
E:\w64\nodejs>dir
Directory of E:\w64\nodejs

08/04/2015 05:40 <DIR> .
08/04/2015 05:40 <DIR> ..
08/04/2015 05:40 290 bower
08/04/2015 05:40 198 bower.cmd
24/03/2015 16:20 <DIR> bower_components
08/04/2015 05:36 <DIR> etc
23/10/2014 17:53 6.968.544 node.exe
07/08/2014 01:14 697 nodevars.bat
07/08/2014 01:14 6.592 node_etw_provider.man
08/04/2015 05:39 <DIR> node_modules
07/08/2014 01:14 4.974 node_perfctr_provider.man
07/08/2014 01:14 354 npm
23/06/2014 16:22 209 npm.cmd
8 File(s) 6.981.858 bytes

sekarang coba install gulp

08/04/2015_ 5:44:22,16
E:\w64\nodejs>npm install -g gulp
E:\w64\nodejs\gulp -> E:\w64\nodejs\node_modules\gulp\bin\gulp.js
gulp@3.8.11 E:\w64\nodejs\node_modules\gulp
├── pretty-hrtime@0.2.2
├── interpret@0.3.10
├── deprecated@0.0.1
├── archy@1.0.0
├── minimist@1.1.1
├── v8flags@2.0.3 (user-home@1.1.1)
├── tildify@1.0.0 (user-home@1.1.1)
├── semver@4.3.3
├── chalk@0.5.1 (ansi-styles@1.1.0, escape-string-regexp@1.0.3, supports-color@0
.2.0, strip-ansi@0.3.0, has-ansi@0.1.0)
├── orchestrator@0.3.7 (stream-consume@0.1.0, sequencify@0.0.7, end-of-stream@0.
1.5)
├── liftoff@2.0.3 (extend@2.0.0, flagged-respawn@0.3.1, resolve@1.1.6, findup-sy
nc@0.2.1)
├── gulp-util@3.0.4 (array-differ@1.0.0, object-assign@2.0.0, beeper@1.0.0, arra
y-uniq@1.0.2, lodash._reescape@3.0.0, lodash._reevaluate@3.0.0, lodash._reinterp
olate@3.0.0, replace-ext@0.0.1, vinyl@0.4.6, chalk@1.0.0, lodash.template@3.4.0,
through2@0.6.3, multipipe@0.1.2, dateformat@1.0.11)
└── vinyl-fs@0.3.13 (graceful-fs@3.0.6, strip-bom@1.0.0, defaults@1.0.2, vinyl@0
.4.6, mkdirp@0.5.0, through2@0.6.3, glob-stream@3.1.18, glob-watcher@0.0.6)

sekarang, baru seharusnya di clone pake git

08/04/2015_ 5:19:20,38
C:\xampp\htdocs>git clone https://github.com/rdash/rdash-angular.git
Cloning into ‘rdash-angular’…
remote: Counting objects: 998, done.
remote: Total 998 (delta 0), reused 0 (delta 0), pack-reused 998 eceiving object
s: 98% (979/998), 1.67 MiB | 110 KiB/s
Receiving objects: 100% (998/998), 1.78 MiB | 110 KiB/s, done.
Resolving deltas: 100% (358/358), done.

08/04/2015_ 5:20:02,23
C:\xampp\htdocs>cd rdash-angular

08/04/2015_ 5:20:06,31
C:\xampp\htdocs\rdash-angular>dir
Volume in drive C is Acer
Volume Serial Number is C4B4-3EDD

Directory of C:\xampp\htdocs\rdash-angular

08/04/2015 05:20 <DIR> .
08/04/2015 05:20 <DIR> ..
08/04/2015 05:20 38 .bowerrc
08/04/2015 05:20 503 .gitattributes
08/04/2015 05:20 612 .gitignore
08/04/2015 05:20 985 bower.json
08/04/2015 05:20 2.793 gulpfile.js
08/04/2015 05:20 1.101 LICENSE
08/04/2015 05:20 680 package.json
08/04/2015 05:20 2.088 README.md
08/04/2015 05:20 <DIR> src
8 File(s) 8.800 bytes

npm install

bower install

nah, berhubung saya disini harus pake proxy, bower nya gagal mulu,

08/04/2015_ 5:44:40,69
C:\xampp\htdocs\rdash-angular>bower install
bower retry Request to https://bower.herokuapp.com/packages/rdash-ui fai
led with ECONNRESET, retrying in 1.1s
bower retry Request to https://bower.herokuapp.com/packages/font-awesome
failed with ECONNRESET, retrying in 1.2s
bower retry Request to https://bower.herokuapp.com/packages/bootstrap fa
iled with ECONNRESET, retrying in 1.8s

solusinya dengan menambahkan 2 baris berikut pada berkas .bowerrc

{
“directory” : “src/components”,
“proxy”:”http://127.0.0.1:8118&#8243;,
“https-proxy”:”http://127.0.0.1:8118&#8243;
}

kalo dah ditambahkan proxy dan https-proxy, baru dah di jalankan lagi …

08/04/2015_ 5:48:14,87
C:\xampp\htdocs\rdash-angular>bower install
bower not-cached https://github.com/angular-ui/ui-router.git#^0.2.10
bower resolve https://github.com/angular-ui/ui-router.git#^0.2.10

gulp build

08/04/2015_ 5:53:25,79
C:\xampp\htdocs\rdash-angular>gulp build
‘gulp’ is not recognized as an internal or external command,
operable program or batch file.

eh … yang diatas karena tadi blon di install gulp nya … sekarang karena dah di install pake

npm install -g gulp

sekarang coba lagi perintah gulp build

dan sukses

08/04/2015_ 5:57:41,00
C:\xampp\htdocs\rdash-angular>gulp build
[06:02:30] Using gulpfile C:\xampp\htdocs\rdash-angular\gulpfile.js
[06:02:30] Starting ‘usemin’…
[06:02:31] Starting ‘copy-bower_fonts’…
[06:02:31] Starting ‘custom-images’…
[06:02:31] Starting ‘custom-js’…
[06:02:31] Starting ‘custom-less’…
[06:02:31] Starting ‘custom-templates’…
[06:02:31] Finished ‘custom-less’ after 50 ms
[06:02:43] Finished ‘custom-images’ after 12 s
[06:02:43] Finished ‘usemin’ after 14 s
[06:02:43] Finished ‘custom-js’ after 12 s
[06:02:43] Finished ‘custom-templates’ after 12 s
[06:02:43] Starting ‘build-custom’…
[06:02:43] Finished ‘build-custom’ after 26 µs
[06:02:43] Finished ‘copy-bower_fonts’ after 12 s
[06:02:43] Starting ‘build-assets’…
[06:02:43] Finished ‘build-assets’ after 26 µs
[06:02:43] Starting ‘build’…
[06:02:43] Finished ‘build’ after 50 µs

jalankan gulp,

08/04/2015_ 6:02:43,98
C:\xampp\htdocs\rdash-angular>gulp
[06:02:58] Using gulpfile C:\xampp\htdocs\rdash-angular\gulpfile.js
[06:02:58] Starting ‘usemin’…
[06:02:59] Starting ‘copy-bower_fonts’…
[06:02:59] Starting ‘custom-images’…
[06:02:59] Starting ‘custom-js’…
[06:02:59] Starting ‘custom-less’…
[06:02:59] Starting ‘custom-templates’…
[06:02:59] Starting ‘webserver’…
[06:02:59] Finished ‘webserver’ after 124 ms
[06:02:59] Starting ‘livereload’…
[06:02:59] Finished ‘livereload’ after 13 ms
[06:02:59] Starting ‘watch’…
[06:02:59] Finished ‘watch’ after 87 ms
[06:02:59] Server started http://localhost:8888
[06:02:59] LiveReload started on port 35729
[06:02:59] Finished ‘custom-less’ after 317 ms
[06:03:11] Finished ‘custom-images’ after 12 s
[06:03:11] Finished ‘usemin’ after 13 s
[06:03:11] ..\..\dist\index.html was changed
[06:03:11] Finished ‘custom-js’ after 12 s
[06:03:11] Finished ‘custom-templates’ after 12 s
[06:03:11] Starting ‘build-custom’…
[06:03:11] Finished ‘build-custom’ after 31 µs
[06:03:11] Finished ‘copy-bower_fonts’ after 13 s
[06:03:11] Starting ‘build-assets’…
[06:03:11] Finished ‘build-assets’ after 40 µs
[06:03:11] Starting ‘build’…
[06:03:11] Finished ‘build’ after 56 µs
[06:03:11] Starting ‘default’…
[06:03:11] Finished ‘default’ after 51 µs

silahkan navigasi ke http://localhost port 8888

done!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s