Здравейте, чувал съм, че ако инсталирам Node.js на компютъра си, мога да организирам и автоматизирам по-добре работата си по програмиране и уеб разработване, като инсталирам и използвам различни пакети NPM...
Имам няколко въпроса:
- Можете ли да споделите как инсталирате NodeJS и npm на PHPStorm и може би някои трикове/хакове за автоматизация на работата, така че процесът на разработване да е по-лесен?
- Имате ли любими пакети npm, които бихте препоръчали?
- Може би някои пакети npm, които използвате ежедневно? Като например автоматично опресняване на браузъра?
Благодаря!
Здравейте,
Първо, трябва да инсталиране на node.js на вашия компютър (изтеглете от ТУК); За да проверите дали е инсталирана правилно, трябва да проверка на версията на node js в cmd (или в PHPStormтерминала), като въведете:
node -v
След това в папката на проекта, като използвате терминала на PHPStorm (или cmd на Window), трябва да инициализиране на npm. В типа на терминала:
npm init -y
В папката на проекта ще се създаде node_modules с всички инсталирани пакети. Тя ще създаде и package.json файл с информация за зависимостите. Файлът на Npm package.json е нещо като списък с рецепти/закуски на нашия проект със зависимостите на пакетите npm, които инсталирате.
След това, за да инсталирате пакет npm, въведете в терминала:
npm install lodash
В този случай лодаш е името на пакета. Ето още един пример (инсталиране на normalize.css):
npm install normalize.css
...или да инсталирате няколко необходими пакета npm, разделени с интервал:
npm install postcss-simple-vars postcss-nested autoprefixer --save-dev
Всички тези пакети идват от https://www.npmjs.com - можете да потърсите там пакет, който ви интересува.
За да стартирате npm, трябва да въведете:
npm run dev
И така, защо NPM е важен за нашия проект?
Например, ако нещо се случи с компютъра ни (някакъв вид срив), можем да винаги се възстановявайте нашия проект, като клонирате проекта от GitHub (научете как да използвате GitHub и Git с PHPStorm IDE) и след клониране на проекта - package.json файл (резюмето на нашия проект) и след като въведете в терминала Инсталиране на npm всички пакети npm ще бъдат инсталирани/възстановени отново! Чудесно! 🙂
Ето някои npm пакети, които използвам с PHPStorm:
Определено използвайте Webpack-dev-server; Ето как да инсталирате този страхотен пакет npm за автоматизация. Просто въведете:
npm install webpack-dev-server --save-dev
За мързеливо зареждане на изображенията използвам: мързеливи размери
Можете да го инсталирате, като въведете:
npm install lazysizes
