Cześć, słyszałem, że jeśli zainstaluję Node.js na moim komputerze, mogę lepiej zorganizować i zautomatyzować moją pracę programistyczną i tworzenie stron internetowych, instalując i używając różnych pakietów NPM....
Mam kilka pytań:
- Czy możesz podzielić się tym, jak zainstalować NodeJS i npm na PHPStorm i może jakieś sztuczki / hacki dotyczące automatyzacji pracy, aby proces tworzenia był łatwiejszy?
- Czy masz jakieś ulubione pakiety npm, które mógłbyś polecić?
- Może jakieś pakiety npm, których używasz na co dzień? Na przykład automatyczne odświeżanie przeglądarki?
Dzięki!
Cześć,
Po pierwsze musisz zainstalować node.js na komputerze (pobierz z TUTAJ); Aby sprawdzić, czy jest prawidłowo zainstalowany, należy sprawdź wersję node js w cmd (lub w PHPStormterminalu) wpisując:
node -v
Następnie, w folderze projektu, używając terminala PHPStorm (lub cmd Windowsa) należy inicjalizacja npm. W typie terminala:
npm init -y
W folderze projektu zostanie utworzony node_modules ze wszystkimi instalowanymi pakietami. Zostanie również utworzony package.json z informacjami o zależnościach. Plik Npm package.json jest rodzajem przepisu/listy zakupów naszego projektu z zależnościami pakietów npm, które instalujesz.
Następnie, aby zainstalować pakiet npm, wpisz w terminalu:
npm install lodash
W tym przypadku lodash jest nazwą pakietu. Oto kolejny przykład (instalacja normalize.css):
npm install normalize.css
...lub zainstalować kilka niezbędnych pakietów npm oddzielonych spacją:
npm install postcss-simple-vars postcss-nested autoprefixer --save-dev
Wszystkie te pakiety pochodzą z https://www.npmjs.com - Możesz tam wyszukać interesujący Cię pakiet.
Aby uruchomić npm należy wpisać:
npm run dev
Dlaczego więc NPM jest ważny dla naszego projektu?
Na przykład, jeśli coś stanie się z naszym komputerem (jakaś awaria), możemy zawsze odzyskać nasz projekt poprzez sklonowanie projektu z GitHub (Dowiedz się, jak korzystać z GitHub i Git z PHPStorm IDE) i po sklonowaniu projektu - plik package.json plik (rozmiar naszego projektu) będzie wewnątrz i po wpisaniu w terminalu npm install wszystkie pakiety npm zostaną ponownie zainstalowane/odzyskane! Świetnie! 🙂
Oto kilka pakietów npm, których używam z PHPStorm:
Zdecydowanie używaj webpack-dev-serverOto jak zainstalować ten świetny pakiet automatyzacji npm. Wystarczy wpisać:
npm install webpack-dev-server --save-dev
Do leniwego ładowania obrazów używam: leniwe rozmiary
Można go zainstalować wpisując:
npm install lazysizes
