Skocz do zawartości

Zdjęcie
- - - - -

Instalacja Gulp.js na lunuxie


4 odpowiedzi w tym temacie
  • Zaloguj się, aby dodać odpowiedź
wolfdz

    Stary wyjadacz

  • PipPipPip
  • 252 postów
    • Czas spędzony online: 10d 19m 41s
14
Dobra
  • LocationKraśnik

Napisano 31 styczeń 2016 - 14:35

#1

Siemka.

Musiałem reinstallować Linuxa bo cały dysk czyściłem więc to co potrzebne mam na chmurze a to co nie wgram sobie na nowo... tak sobie powiedziałem w chwili formatowania.

No i wszystko poszło bez problemu aż do czasu wznowienia projektu (Gulp.js + Sass).

Wszystkie komendy wpisałem tak jak ostatnio i co się okazało?! Nie działa :) Tak więc powiedzcie mi jak powinna wyglądać instalacja Gulp.js i czy w ogóle dobrze to robię.

Struktura plików:

-project
--index.html
--assets
---css
---fonts
---img
---js
---scss
----style.scss
--inc

1. Otwieram terminal i wpisuje:

npm install -g gulp

2. Przechodzę do katalogu z projektem czy pozostaje w głównym i wpisuje:

npm install --save-dev gulp
npm install --save-dev gulp-sass

3. Przechodzę do katalogu z projektem i tworzę plik .json

npm init

I teraz tak, powiedzcie mi jak powinienem zrobić krok 2 (w katalogu z projektem czy domowym?), gdzie powinien się znajdować plik gulpfile.js z kodem:

var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task('styles', function() {
    gulp.src('sass/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('./css/'))
});

//Watch task
gulp.task('default',function() {
    gulp.watch('sass/**/*.scss',['styles']);
});

Tam gdzie index.html czy w folderze assets? To samo z package.json, gdzie on dokładnie powinien być?

Za pierwszym razem wszystko poszło bez problemów a teraz niestety się nie udało. Po wpisywaniu w konsoli gulp w miejscu gdzie miałem gulpfile.js nic się nie działo i przechodziło mi do normalnej linii jak gdyby nigdy nic.

 

Jeszcze jak usunąć gulpa po zainstalowaniu? Jest jakaś komenda czy trzeba ręcznie foldery usuwać?


Użytkownik wolfdz edytował ten post 31 styczeń 2016 - 14:37

  • 0

karolgorecki

    Nowy użytkownik

  • 17 postów
    • Czas spędzony online: 18h 15m 56s
15
Dobra

Napisano 31 styczeń 2016 - 14:54

#2

Instalujesz Gulpa globalnie czyli "npm install -g gulp"

Wchodzisz do swojego katalogu z projektem i tam już powinieneś mieć package.json - wtedy byś tylko zrobił "npm i" i by zainstalowało wszystkie zależności.

Jeśli go nie masz to robisz od początku czyli "npm init". Potem możesz dodać te swoje dev zależności: "npm install --save-dev gulp" itd.

Gulpfile też powinien być w głównym folderze ale chyba ścieżki musisz w nim poprawić.

Jak potrzebujesz tylko proste rzeczy robić to Gulp czy Grunt jest zbędny. Wszystko możesz zrobić przy pomocy npm'a.


  • 4

wolfdz

    Stary wyjadacz

  • PipPipPip
  • 252 postów
    • Czas spędzony online: 10d 19m 41s
14
Dobra
  • LocationKraśnik

Napisano 31 styczeń 2016 - 16:41

#3

No więc... Najpierw instaluje globalnie gulpa, potem przechodzę do folderu z projektem i tworze package.json a następnie instaluje lokalnie (--save-dev gulp i gulp-sass) i jest taki problem, ze pod koniec instalacji gulp-sass wyskakują błędy:

npm WARN This failure might be due to the use of legacy binary "node"
npm WARN For further explanations, please read
/usr/share/doc/nodejs/README.Debian
 
npm ERR! Error: ENOENT, lstat '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/har-validator/node_modules/is-my-json-valid/test/json-schema-draft4/maxProperties.json'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/user/Desktop/project
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/har-validator/node_modules/is-my-json-valid/test/json-schema-draft4/maxProperties.json
npm ERR! fstream_path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/har-validator/node_modules/is-my-json-valid/test/json-schema-draft4/maxProperties.json
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:284:26
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm ERR! Error: ENOENT, lstat '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/verror/lib/verror.js'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/user/Desktop/project
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/verror/lib/verror.js
npm ERR! fstream_path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/verror/lib/verror.js
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:284:26
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm ERR! Error: ENOENT, lstat '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/gaze/node_modules/globule/node_modules/lodash/dist/lodash.min.js'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/user/Desktop/project
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/gaze/node_modules/globule/node_modules/lodash/dist/lodash.min.js
npm ERR! fstream_path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/gaze/node_modules/globule/node_modules/lodash/dist/lodash.min.js
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:284:26
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm ERR! error rolling back Error: ENOTEMPTY, rmdir '/home/zlodziejb/Pulpit/portfolio/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/json-schema/draft-03'
npm ERR! error rolling back  [email protected] { [Error: ENOTEMPTY, rmdir '/home/zlodziejb/Pulpit/portfolio/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/json-schema/draft-03']
npm ERR! error rolling back   errno: 53,
npm ERR! error rolling back   code: 'ENOTEMPTY',
npm ERR! error rolling back   path: '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/json-schema/draft-03' }
npm ERR! Error: ENOENT, lstat '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/hawk/test/client.js'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/user/Desktop/project
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/hawk/test/client.js
npm ERR! fstream_path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/hawk/test/client.js
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:284:26
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm ERR! Error: ENOENT, lstat '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/sshpk/lib/formats/pkcs8.js'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/user/Desktop/project
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/sshpk/lib/formats/pkcs8.js
npm ERR! fstream_path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/sshpk/lib/formats/pkcs8.js
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:284:26
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm ERR! Error: ENOENT, lstat '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/bl/node_modules/readable-stream/doc/stream.markdown'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/user/Desktop/project
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/bl/node_modules/readable-stream/doc/stream.markdown
npm ERR! fstream_path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/bl/node_modules/readable-stream/doc/stream.markdown
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:284:26
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm ERR! Error: ENOENT, lstat '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/node-gyp/gyp/pylib/gyp/MSVSSettings_test.py'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/user/Desktop/project
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/node-gyp/gyp/pylib/gyp/MSVSSettings_test.py
npm ERR! fstream_path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/node-gyp/gyp/pylib/gyp/MSVSSettings_test.py
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:284:26
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm ERR! Error: ENOENT, chown '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/json-schema/draft-00/hyper-schema'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/zlodziejb/Pulpit/portfolio
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/json-schema/draft-00/hyper-schema
npm ERR! fstream_path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/json-schema/draft-00/hyper-schema
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! fstream_finish_call chown
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:305:19
npm ERR! fstream_stack /usr/lib/nodejs/graceful-fs/polyfills.js:133:7
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm ERR! weird error 1
npm ERR! Error: ENOENT, open '/home/user/tmp/npm-6594-H4UyDFSm/1454254283175-0.5643314046319574/package/assignWith.js'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/user/Desktop/project
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/zlodziejb/tmp/npm-6594-H4UyDFSm/1454254283175-0.5643314046319574/package/assignWith.js
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! 
npm ERR! Additional logging details can be found in:
npm ERR!     /home/user/Desktop/project/npm-debug.log
npm ERR! not ok code 0

W przypadku npm install --save-dev gulp wszystko idzie bez problemów...


Użytkownik wolfdz edytował ten post 31 styczeń 2016 - 16:43

  • 0

wolfdz

    Stary wyjadacz

  • PipPipPip
  • 252 postów
    • Czas spędzony online: 10d 19m 41s
14
Dobra
  • LocationKraśnik

Napisano 31 styczeń 2016 - 19:30

#4

Dobra, rozwiązałem problem.

Trochę głupio się przyznać, ale chyba problem był z node.js

Chyba podczas instalacji node zapomniałem o tej linijcie:

sudo ln -s /usr/bin/nodejs /usr/bin/node

Tylko teraz mam problem z ustawieniem ścieżek w gulpfile.js, pomożecie? ;)


Użytkownik wolfdz edytował ten post 31 styczeń 2016 - 19:31

  • 0

karolgorecki

    Nowy użytkownik

  • 17 postów
    • Czas spędzony online: 18h 15m 56s
15
Dobra

Napisano 31 styczeń 2016 - 20:36

#5

Ścieżka powinna chyba być tylko jeszcze poprzedzona folderem: "assets". Jak dalej będziesz miał problemy to udostępnij projekt na Githubie albo Bitbucket będzie prościej pomóc.


  • 0





Podone tematy Collapse

  Temat Forum Autor Podsumowanie Ostatni post

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych