Как установить джава скрипт: Установка JavaScript | JS: Настройка окружения

Содержание

Как добавить JavaScript на WordPress | REG.RU

В статье мы расскажем, как подключить скрипт JS в тему WordPress.

Что такое JavaScript

JavaScript — это скриптовый язык программирования. Его скрипты обрабатываются не на сервере, а прямо в браузере. Это позволяет добавлять новые функции без потери скорости сайта.

Скрипт JS встроен внутрь тега </script> — он позволяет отделить написанный код JavaScript от PHP:

<script type="text/javascript">
JavaScript code
</script>

Если вы хотите добавить скрипт JS, просто разместите его на нужной странице в коде сайта. Однако если вы работаете с WordPress, разместить JavaScript на странице таким способом не получится — он удалится при сохранении пользовательского файла. О том, как обойти это ограничение, расскажем ниже.

Как добавить JavaScript на WordPress

Если вы хотите добавить JS в WordPress, выберите один из трёх способов:

  • с помощью плагина Shortcoder,
  • с помощью плагина Insert Headers and Footers,
  • с помощью изменения файла functions. php.

Выберите инструкцию, чтобы разрешить подключение скрипта WordPress.

С помощью плагина Shortcoder

Shortcoder — это плагин, с помощью которого можно создать блок кода элемента. После публикации создаётся специальный шаблон, который можно добавить на нужную вам страницу.

Чтобы установить Shortcoder:


  1. 1.

    Перейдите в админку.



  2. 2.

    Откройте раздел Плагины — Добавить новый:






  3. 3.

    В поисковой строке введите название плагина. Когда поиск отобразит результат, нажмите Установить:





  4. org/HowToStep»>
    4.

    Кликните Активировать:






  5. 5.

    В разделе «Shortcoder» нажмите Create shortcode:






  6. 6.

    На экране отобразится встроенный редактор. Он имеет три режима:

    • Text editor — для добавления простого текста,
    • Visual editor — для вёрстки небольшого элемента с текстом и изображением,
    • Code editor — для добавления скрипта. Рекомендуем использовать его.






  7. 7.

    Введите название и вставьте код. Вы можете сохранить этот фрагмент в качестве черновика, но до публикации добавить его на страницу не получится. Для создания черновика кликните Сохранить:




    Если скрипты для сайта WordPress добавлены и вы хотите сохранить готовый шаблон, нажмите Опубликовать:





Готовый шаблон вы сможете добавить на любую страницу через админку.

С помощью плагина Insert Headers and Footers

Insert Headers and Footers — это плагин, с помощью которого можно создать шаблон кода. В этом шаблоне можно обозначить, в какой части страницы должен отрабатываться скрипт.

Чтобы установить Insert Headers and Footers:


  1. 1.

    Перейдите в админку.



  2. 2.

    Откройте раздел Плагины — Добавить новый:





  3. org/HowToStep»>
    3.

    В поисковой строке укажите имя плагина. Когда поиск отобразит результат, кликните Установить:






  4. 4.

    Нажмите Активировать:






  5. 5.

    Перейдите в раздел Плагины — Установленные:






  6. 6.

    В списке найдите WP Headers and Footers и кликните Settings:






  7. 7.

    Скрипт можно вставить в один из трёх блоков:

    • Header — шапку сайта,
    • Body — тело сайта,
    • Footer — подвал сайта. Добавьте код в нужную часть страницы:





    WordPress: как подключить скрипт



  8. 8.

    Кликните Сохранить изменения:





С помощью изменения файла functions.php

ISPmanager

cPanel

Plesk


  1. 1.

    Кликните по файлу functions.php, наведите курсор на Редактировать и нажмите Открыть:






  2. 2.

    Добавьте код и сохраните изменения, нажав Ok:





  1. org/HowToStep»>
    1.

    Нажмите на functions.php и кликните Редактировать:






  2. 2.

    Добавьте скрипт и нажмите Сохранить изменения:





%% 1
Кликните по functions.php, как по ссылке:




%% 2
Добавьте код и сохраните данные:




Готово, вы разместили скрипт JS на сайте WordPress.

Помогла ли вам статья?

Да

раз уже помогла

Установка и обновление зависимостей в JavaScript / Хабр

И снова привет! В прошлом посте мы начали рассматривать процесс управления зависимостями в JavaScript, разобрали основы: что такое npm-пакет, как выглядит манифест пакета, в каких полях прописываются зависимости и в принципе что такое дерево зависимостей, а также основы семантического версионирования (semver). Если вы пропустили предыдущий пост, то рекомендую начать с него.

Сегодня мы пойдем немного дальше и более подробно рассмотрим как работает semver, как правильно прописывать диапазоны зависимостей, а также устанавливать и обновлять их.

В моих постах я буду часто упоминать npm и различные команды с его использованием. Чтобы сделать набор команд в терминале чуточку удобнее, предлагаю установить автодополнения в ваш shell.

Сделать это достаточно легко, достаточно выполнить следующие команды:

Это добавит в конфигурационный файл shell-а необходимый скрипт. После этого, если вы напишите: npm smth… а затем нажмете [TAB], то shell автоматически дополнит вашу команду или предложит варианты дополнения.

Как мы уже успели обсудить, проектом в npm является любая директория в которой находится манифест (файл package.json). Вы можете создать манифест вручную в любом редакторе кода, либо выполнить команду npm init. По умолчанию данная команда задаст вам серию вопросов в интерактивном режиме и сгенерирует простейший манифест в текущей директории на основе ваших ответов.

Однако я предпочитаю вызывать команду следующим образом: npm init -y, а затем править манифест в редакторе. При таком вызове npm не будет задавать вопросов, а просто сгенерирует минимальный манифест со значениями по умолчанию.

Использование инициализаторов

Говоря про npm init, нельзя не упомянуть про возможность использования специальных пакетов инициализаторов (npm initializers). Данные пакеты облегчают создание новых проектов генерируя необходимый boilerplate-код.

Используется это следующим образом: npm init <initializer>, где <initializer> — это название инициализатора (например: esm или react-app).

Инициализатор по сути — это специальный npm-пакет с префиксом create-, который загружается из npm registry в момент вызова команды и выполняется. У каждого инициализатора могут быть свои аргументы, настройки и поведение.

Например так можно создать React-приложение используя инициализатор create-react-app: npm init react-app -- my-react-app. Два минуса позволяют разделить аргументы CLI, которые передаются в команду npm init от тех, что передаются в сам инициализатор. Особенность инициализатора React, например, в том, что проект будет создан не в текущей директории, а в поддиректории с названием, которое вы укажете при вызове (в примере: my-react-app).

Вы можете и сами написать свой инициализатор и опубликовать его в registry. Это может быть особенно удобно в корпоративной среде, где существует множество стандартов и соглашений — вы можете оформить их все в виде инициализатора и опубликовать его в закрытом npm registry. Таким образом разработчики внутри компании смогут быстро создавать новые проекты.

Как мы выяснили ранее, зависимости прописываются в манифесте проекта в полях: dependencies, devDependencies, peerDependencies или optionalDependencies. Чтобы добавить новую зависимость в проект необходимо использовать команду: npm install <package-name> или сокращенно: npm i <package-name>.

Пример: npm i lodash.

Данная команда установит lodash самой свежей стабильной версии и добавит эту зависимость в поле dependencies манифеста проекта.

Аналогично можно устанавливать сразу несколько зависимостей одновременно: npm i lodash express passport.

Команда install также позволяет выбрать в какое поле будет добавлена зависимость используя флаги:

  • -P, --save-prod

    установка в dependencies (работает по умолчанию)

  • -D, --save-dev

    установка в devDependencies

  • -O, --save-optional

    установка в optionalDependencies

Если вам нужно установить зависимость в peerDependencies, то придётся сделать это вручную т. к. npm не предусматривает для этого специальной команды. Как вариант, можно сначала установить зависимость в dependencies при помощи команды npm install, а потом перенести ее вручную в peerDependencies, в этом случае вам не придется угадывать свежую версию пакета (если вдруг ваш IDE не поддерживает автоматическую интеграцию с npm).

Конечно, зависимость можно добавить в список и самостоятельно в редакторе кода, но я всегда рекомендую использовать команды npm для добавления зависимостей, т. к. это дает более надежный результат: вы гарантированно получаете последнюю версию нужного пакета и список зависимостей будет корректно отсортирован в лексикографическом порядке (что позволит избежать конфликтов при мерже в Git).

Команда npm install является многоцелевой командой, т. к. одновременно решает сразу несколько задач: установку уже прописанных зависимостей в проект и добавление новых зависимостей с их прописыванием в манифесте.

Добавление зависимости старой версии

Если по какой-то причине вы хотите добавить зависимость не самой свежей версии, то вы можете указать нужную версию через символ «@»:

Однако делать это рекомендуется только в самом крайнем случае. Об этом я расскажу подробнее чуть позже.

Выше мы рассмотрели варианты добавления зависимостей в проект, но как установить зависимости, которые уже прописаны в манифесте, если вы к примеру только сделали git clone?

Для этого достаточно просто выполнить команду npm install или npm i без аргументов, npm прочитает содержимое манифеста, найдет указанные зависимости и установит их в проект.

Существует возможность установить только одну категорию зависимостей:

  • --only=prod[uction]

  • --only=dev[elopment]

Это может быть полезно, если вы хотите, к примеру, только запустить программу на Node.js, но не работать над ней.

Прежде чем мы поговорим про обновление зависимостей было бы полезно научиться просматривать их. Для этой цели в npm также предусмотрена специальная команда: npm ls.

Синтаксис команды выглядит следующим образом: npm ls [<package-name>], где <package-name> это опциональное название пакета, который вы хотите найти в дереве зависимостей.

Если вызвать команду без аргументов, то она выведет полное дерево зависимостей (не ослепните, дерево может быть огромным):

Крошечная порция результата выдачи команды npm ls в большом проекте.

Иногда бывает необходимо найти ту или иную транзитивную зависимость в дереве проекта, чтобы понять какие пакеты «тянут» ее, для этого можно передать название пакета в команду: npm ls lodash.

Результат поиска пакета lodash в дереве зависимостей крупного проекта при помощи команды npm ls lodash.

Нужно заметить, что команда npm ls имеет возможность ограничения глубины поиска при помощи опции depth. Например следующая команда выведет только список прямых зависимостей проекта:

npm ls --depth=0

Как вы уже догадались, по умолчанию команда работает со всем деревом целиком.

Также вы можете использовать опции dev или prod для того, чтобы вывести только зависимости из полей dependencies или devDependencies:

  • npm ls --dev[elopment]

  • npm ls --prod[uction]

Использование же опции json позволяет получить дерево зависимостей в формате пригодном для машинной обработки, в этом режиме npm выводит более подробную информацию о пакетах, а не только название и версию. Данный режим может быть также полезен для отладки и сравнения двух деревьев (например в разных ветках проекта):

npm ls --json

Как мы уже рассмотрели в предыдущем посте в npm для управления зависимостями используется система семантического версионирования (semver). Благодаря ей вы можете обновлять зависимости в своем проекте с предсказуемыми результатами: к примеру, если зависимость обновилась с версии 1.2.3 до версии 1.2.4 (patch update) или 1.3.0 (minor update), то это не сломает ваш проект, т. к. по правилам semver такие обновления не должны нарушать обратной совместимости. А если обновление производится с версии 1.2.3 до версии 2.0.0 или выше, то здесь вам следует обязательно заглянуть в журнал изменений (changelog) данного пакета, чтобы убедиться, что обновление ничего не сломает, возможно вам придется внести изменения в свой код, чтобы восстановить совместимость.

Несмотря на то, что semver гарантирует достаточно высокий уровень безопасности при обновлении, к сожалению, бывают случаи когда разработчики какого-то пакета могут нарушать правила и вносить критические изменения в patch или minor обновлениях (в первую очередь это касается непопулярных пакетов, которыми управляют менее опытные разработчики). » (caret, hat или «крышечка») указывается перед номером версии и имеет специальный смысл в semver. В данном случае это означает, что версия зависимости lodash должна обновляться до максимально доступной, но не выше 5.0.0, т. е. разрешает patch и minor обновления, но запрещает обновления нарушающие обратную совместимость.

Помимо крышечки существует еще довольно много способов задать диапазон версии, все их можно посмотреть в описании пакета semver, который и реализует данный функционал в npm, однако в 99% случаев зависимости стоит указывать именно через крышечку (как делает npm по умолчанию), т. к. это дает наибольшую гибкость при обновлении зависимостей и в то же время защищает вас от критических изменений.

Фиксация версий зависимостей

Такое случается крайне редко, но иногда может возникнуть ситуация, когда вам нужно зафиксировать версию зависимости в вашем проекте. Для этого вам достаточно указать номер версии фиксировано, т. е. без указания диапазона и использования специальных символов, например так:

{
  "dependencies": {
    "lodash": "4. 17.17"
  }
}

Это гарантирует, что lodash будет установлен в ваш проект именно версии 4.17.17, ни больше, ни меньше.

Однако фиксация версий зависимостей вызывает ряд существенных недостатков:

  • такие зависимости перестают обновляться, а это означает, что вы перестанете автоматически получать исправления багов, а самое главное — улучшения безопасности,

  • если в дереве зависимостей вашего проекта указанный пакет встречается более одного раза, то это приведет к тому, что он будет установлен несколько раз (несколько разных версий). Про дублирование зависимостей мы подробнее поговорим в будущем, но пока поверьте мне на слово, это может приводить к существенным сложностям.

По этим причинам использовать фиксацию зависимостей нужно в очень редких исключительных случаях и только в качестве временной меры.

Одним из случаев, когда фиксирование зависимости является оправданным — это при использовании нестабильных версий (начинающихся с нуля). Такие зависимости я бы всегда рекомендовал прописывать фиксированно, т. к. семантика обновления для нестабильных зависимостей не столь понятна, а ответственность авторов значительно ниже.

Просмотр устаревших зависимостей

Новые версии пакетов регулярно выходят, по этой причине, пакеты, установленные в вашем проекте могут устаревать и их необходимо регулярно обновлять. Команда npm outdated позволяет вам вывести список устаревших пакетов.

Результат команды npm outdated в проекте, где установлены две устаревшие зависимости.

Данная команды выводит таблицу со следующими колонками:







КолонкаОписание
PackageНазвание пакета
CurrentТекущая установленная версия
WantedМаксимальная версия, которая удовлетворяет диапазону semver прописанному в манифесте проекта
LatestВерсия пакета, которую автор указал в качестве самой свежей (как правило максимально доступная версия пакета)
LocationМесто расположения зависимости в дереве

По умолчанию команда npm outdated выводит список прямых зависимостей вашего пакета, однако, если использовать аргумент depth с указанием глубины просмотра, то npm покажет устаревшие зависимости, в том числе и на заданной глубине дерева зависимости:

npm outdated --depth=10

Чтобы просмотреть полный список всех устаревших зависимостей можно использовать следующую команду:

npm outdated --depth=9999

Обновление устаревших зависимостей

Фактическое обновление устаревших зависимостей в npm производится при помощи команды npm update. 4.17.19.

По аналогии с командой npm outdated, команда npm update также поддерживает аргумент depth и по умолчанию обновляет только прямые зависимости проекта, не трогая зависимости в глубине дерева. Поэтому, чтобы обновить все зависимости в проекте необходимо вызывать команду следующим образом:

npm update --depth=9999

Это гарантирует что абсолютно все зависимости в дереве (включая транзитивные) будут обновлены до самых последних версий. Такую процедуру рекомендуется делать регулярно, чтобы в вашем проекте всегда был самый свежий код с последними исправлениями багов и проблем безопасности.

npm-check

В качестве альтернативы командам npm outdated и npm update хочу предложить интересный инструмент под названием npm-check.

Вы можете установить его при помощи следующей команды:

npm i -g npm-check

Данный инструмент поддерживает интерактивный режим, позволяя вам выбрать галочками те пакеты, которые вы хотите обновить. Кроме того, он позволяет обновлять пакеты не только в рамках ограничений semver, но и игнорируя их, перепрыгивая с одной мажорной версии зависимости на другую. Разумеется делать это нужно осмысленно: тщательно изучая журнал изменений каждого мажорно-обновляемого пакета на наличие нарушений обратной совместимости. И никогда не забывайте тестировать ваш код после любых обновлений!

Результат вызова npm-check в проекте: доступно два обновления, одно мажорное и одно минорное.

Также результат вызова npm-check, но уже в интерактивном режиме: галочками можно выбрать зависимости, которые вы хотите обновить.

В качестве очень полезного бонуса — npm-check позволяет обнаружить, если какая-то из зависимостей не используется в проекте:

npm-check сообщает о том, что пакет lodash возможно не используется в проекте.

Рекомендую всегда держать этот незаменимый инструмент (или аналогичный) в своем арсенале.

Ну и наконец, давайте рассмотрим как мы можем удалять ранее добавленные в проект зависимости. Для этого существует команда npm uninstall или сокращенно: rm, r или un. Чтобы удалить один или несколько пакетов, мы можем вызвать команду следующим образом:

npm rm lodash express

Данная команда удалит указанные пакеты как из файловой системы проекта, так и из его манифеста.

На данном этапе мы уже рассмотрели несколько полезных команд и инструментов, давайте попробуем обобщить наши знания для того, чтобы выработать некий workflow для работы над JavaScript-проектами. Не переживайте, потом мы его доработаем, когда углубимся в другие важные вопросы.

  • Инициализация проекта:
    • npm init
      (интерактивно)

    • npm init -y
      (с последующим редактированием в IDE)

  • Добавление зависимостей:
    • npm install <dependency>

    • npm install <dependency-1> <dependency-2>…

    • npm install -D <dev-dependency>…

  • Проверка и обновление зависимостей:
    • npm outdated
      (просмотр прямых устаревших зависимостей)

    • npm outdated --depth=9999
      (просмотр всех устаревших зависимостей)

    • npm update
      (обновление прямых устаревших зависимостей с учетом semver)

    • npm update --depth=9999
      (обновление всех устаревших зависимостей с учетом semver)

    • npm-check
      (просмотр прямых устаревших зависимостей)

    • npm-check -u
      (интерактивное обновление прямых устаревших зависимостей)

  • Удаление зависимостей:
    • npm rm <dependency>

В данном посте мы более подробно рассмотрели процесс инициализации проекта, добавления, установки и обновления зависимостей. Рассмотрели как semver работает на практике при обновлении зависимостей.

В следующем посте мы поговорим про выбор зависимостей и про такие важные аспекты как качество и надежность. Увидимся через неделю, а пока подписывайтесь и следите за обновлениями!

Читать продолжение →

Как установить Node.js | Встроенный

Node.js — это мощный сервер с открытым исходным кодом, который можно использовать в различных распространенных операционных системах. Эта программа JavaScript может использовать веб-приложения JavaScript вне традиционного клиентского браузера. Node.js уникален тем, что используется как во внешнем, так и во внутреннем интерфейсе, что обеспечивает большую гибкость для веб-разработчиков.

Произошла ошибка.

Невозможно выполнить JavaScript. Попробуйте посмотреть это видео на сайте www.youtube.com или включите JavaScript, если он отключен в вашем браузере.

Видео: YouTube

Подробнее о разработке программного обеспеченияЧто такое AJAX (асинхронный JavaScript и XML)?

 

Как установить Node.

js с помощью базовой программы установки

Процесс установки начинается с загрузки установочного пакета с веб-сайта Node.js. Двоичные файлы и образы Docker также доступны для тех, кому они могут понадобиться. Разработчикам следует установить версию с долгосрочной поддержкой (или LTS), поскольку она наиболее стабильна. Однако доступны более новые установки Node.js, называемые «ночными сборками». Они предлагают больше функций, но не были протестированы публично, как версии LTS. Пользователи должны думать об этих ночных сборках как о бета-версиях и действовать соответственно.

Изображение: снимок экрана

По умолчанию Node.js устанавливает файлы в рекомендуемые места. Например, в macOS файлы помещаются в каталог /usr/local/bin. После установки опытные пользователи могут переместить двоичные файлы в папку по своему выбору.

Изображение: снимок экрана.

Установка Node.js включает два двоичных файла: node и npm. Некоторые пользователи могут предпочесть не устанавливать оба. Npm — это менеджер пакетов, поэтому он может не потребоваться пользователям, предпочитающим работать с другим менеджером пакетов. Процесс установки предлагает настраиваемые параметры. Например, в macOS пользователи могут выбрать или отменить выбор каждого параметра, как показано здесь:

Изображение: снимок экрана

Вы должны проверить установку, открыв терминал или командную строку и введя «node –v». Это должно распечатать ту же версию, что и страница установки в списке Node.js:

Изображение: снимок экрана

Что такое Node.js?

Node.js — это мощный сервер с открытым исходным кодом, который можно использовать в различных распространенных операционных системах. Эта программа JavaScript может использовать веб-приложения JavaScript вне традиционного клиентского браузера. Node.js уникален тем, что используется как во внешнем, так и во внутреннем интерфейсе, что обеспечивает большую гибкость для веб-разработчиков.

 

Как установить Node.js с исходным кодом

Node. js — это программное обеспечение с открытым исходным кодом. Это означает, что любой, программист или неспециалист, может просмотреть код, предложить улучшения или даже разветвить программное обеспечение, чтобы создать слегка или радикально отличающуюся версию. Установка Node.js через исходный код также возможна, но — поскольку этот путь требует компиляции кода — он рекомендуется только тем, у кого больше опыта программирования и у кого уже есть необходимое программное обеспечение для компиляции.

Как установить Node.js с исходным кодом

1. Подготовьте компилятор C++.

2. Установите Python.

3. Загрузите исходный код с веб-сайта Node.js.

4. Запустите команду /configure , а затем запустите make .

5. Протестируйте скомпилированную программу с помощью make test .

6. Введите make install , чтобы установить программу с исходным кодом.

7. Введите узел – версия , чтобы проверить, какая версия Node. js работает.

Желающие работать с исходным кодом Node.js должны сначала найти или создать подходящую сборку.

 

1. Подготовьте компилятор C++

Большая часть Node.js написана на C/C++, и многие его модули реализованы на этих языках. Компилятор необходим для перевода компьютерного кода на удобный для просмотра язык.

 

2. Установите Python

Хотя Python не требуется для других вариантов установки Node.js, он крайне важен для варианта на основе исходного кода. Node.js был создан с помощью GYP, кроссплатформенной программы, написанной на языке Python. Поскольку здесь отображается несколько сценариев Python, Python необходим для операций с исходным кодом.

 

3. Загрузите исходный код с веб-сайта Node.js.

Исходный код находится в файле .tar.gz. Веб-сайт предоставляет доступ ко всем версиям Node.js, предоставляя пользователям возможность загружать любые исходные коды, которые они предпочитают.

 

4.

Запустите команду /CONFIGURE , а затем запустите MAKE

 

5. Протестируйте скомпилированную программу с помощью

make test 90 065

 

6. Введите

make install для установки исходного кода программы.

 

7. Введите

узел – версия , чтобы проверить, какая версия Node.js работает.

Этот процесс позволяет узнать конкретную версию Node.js, которая здесь работает.

Установка Node.js через исходный код рекомендуется только людям с большим техническим опытом. Поскольку исходный код более сложен, пользователям может потребоваться дополнительная поддержка при чтении содержимого. Этот вариант также медленнее, чем любой другой элемент.

Еще от Дэвида КоффаКак передать массив из Java в JavaScript

 

Установка Node.js

Node.js предлагает множество мощных и уникальных функций.

Преимущества Node.js

  • Его можно использовать на нескольких платформах. Это означает, что он идеально подходит как для настольных, так и для мобильных приложений. Кроме того, поскольку Node.js поддерживает более быстрое время рендеринга и полнофункциональную разработку, это идеальное решение для настройки контента SaaS.
  • Несколько языков могут работать на Node.js. Хотя JavaScript имеет встроенную поддержку, Node.js также может работать с несколькими языками компиляции в JS.
  • Через Node.js могут работать как интерфейсная, так и серверная части сайта. Front-end разработка включает в себя визуальные части сайта, тогда как back-end разработка охватывает данные и логические точки для этой страницы.
  • Node.js использует один поток для программ, поэтому содержимое всегда масштабируемо. Его однопоточный дизайн означает, что задействована только одна куча памяти, поэтому одновременно выполняется только одно выполнение данных. Время выполнения приложений минимально, плюс больше пользователей могут совместно использовать ресурсы процесса при использовании программы.
  • Node.js поддерживает блокирующие и неблокирующие вызовы. Блокирующий вызов возникает, когда операции JavaScript могут продолжаться в Node.js только после завершения операций, отличных от JavaScript. Неблокирующие вызовы не блокируют потоки во время выполнения, поэтому одновременно может происходить больше вещей.

Node.js предлагает обширную поддержку. Официальный сайт Node.js содержит подробные руководства. Разработчики программного обеспечения также могут общаться с другими пользователями Node.js онлайн через IRC или Slack, если им требуется дополнительная помощь.

Как установить Node.js и npm в Windows, macOS и Linux

Node.js стал благословением для разработчиков JavaScript во всем мире, которые борются с переключением между несколькими языками и платформами, чтобы расширить свой код в устойчивой среде разработки.

С помощью Node.js вы, наконец, можете создавать веб-приложения с двусторонними соединениями, в которых как серверная, так и клиентская стороны могут полностью взаимодействовать в режиме реального времени и обмениваться данными. Действительно, Node.js стал революционным для разработчиков, которые хотели продвигать веб-приложения в реальном времени через WebSocket.

Если вы стремитесь поднять свои навыки веб-разработки на новый уровень и стать полноценным разработчиком JavaScript, Node.js действительно готовит путь к этому восторженному модному слову!

В этой статье мы продемонстрируем пошаговое руководство по установке Node.js на свой компьютер и началу пути к веб-разработке.

Что такое Node.js?

Логотип Node.js. (Источник изображения: Node.js)

Первое, что вы должны знать, это то, что Node.js — это не язык программирования!

Возможно, вы уже знаете об этом факте, но его стоит повторить для новых разработчиков в этой области, которые могут принять Node.js за уникальный язык программирования. Это не!

Node.js — это среда выполнения с открытым исходным кодом для языка JavaScript, которая изменяет характеристики JavaScript и обновляет его функциональность. В результате вы можете использовать JavaScript для разработки внешнего и внутреннего интерфейса, что позволяет разрабатывать полный стек исключительно с использованием JavaScript.

Первоначально Node.js был разработан для обеспечения производительности в режиме реального времени с отложенными архитектурами. Но с тех пор Node.js превратился в жизненно важный элемент серверного программирования для управляемых событиями неблокирующих серверов. Большинство обычных веб-сайтов и сервисов API сегодня зависят от Node.js.

До Node.js, если вы хотели хранить какие-либо данные в базе данных или подключать свою программу к базе данных, вам требовалась поддержка со стороны серверного языка. Это потому, что JavaScript не может регулировать внутренний процесс. Следовательно, вам приходилось изучать серверные языки, такие как PHP, Python, Ruby или C#, или обращаться за помощью к бэкэнд-разработчику.

Среда Node.js позволяет JavaScript напрямую использовать базу данных и правильно функционировать в качестве внутреннего языка. В результате вы можете в конечном итоге создать и запустить программу, используя только JavaScript с Node.js.

Node.js использует механизм выполнения JavaScript V8 в качестве своей корневой мощности и использует неблокирующую архитектуру ввода-вывода, управляемую событиями. Все это вместе создает Node.js и помогает обеспечивать надежную производительность продуктов.

Кто использует Node.js?

По данным W3Techs, на сегодняшний день 1,4% всех сайтов используют Node.js — это более 22 миллионов сайтов. Эти цифры дают общее представление о количестве пользователей Node.js. Кроме того, Node.js скачали более 1,3 миллиарда раз! Как видите, статистика убедительно говорит о масштабах рынка Node.js.

От ваших друзей в сфере ИТ до отраслевых магнатов — всем нравится использовать Node.js. Это потому, что Node.js повышает производительность разработчиков и увеличивает скорость процесса разработки. Одной из самых интеллектуальных тенденций в настоящее время является повсеместное использование JavaScript, что вывело Node. js на арену.

Ведущие компании, использующие Node.js, включают:

  1. NASA
  2. Твиттер
  3. Нетфликс
  4. LinkedIn
  5. PayPal
  6. Трелло
  7. eBay
  8. Уолмарт
  9. Мозилла
  10. Средний

Если вы изучите эти компании, вы можете заметить, что они управляют своим бизнесом с помощью различных услуг или продуктов. Но у всех у них есть один важный общий фактор: они полагаются на Node.js. Действительно, использование Node.js может решить большинство ваших проблем разработки, независимо от того, в какой отрасли вы работаете.

Преимущества использования Node.js

Выбор правильной платформы программирования для вашего технического стека так же важен, как и труд, который вы хотите во что инвестировать. При поиске преимуществ использования той или иной платформы следует учитывать множество факторов. Такие вещи, как кривая обучения, скорость разработки, сообщество и масштаб, могут изменить общий баланс преимуществ.

Вот основные преимущества использования Node.js:

  • Простой синтаксис
  • Легкая кривая обучения
  • Возможность быстрого масштабирования
  • Открытый исходный код и гибкость
  • Кроссплатформенная разработка
  • Разработка полного стека на одном языке
  • Связь в режиме реального времени
  • Большое и активное сообщество

Предварительные требования для Node.js

Перед установкой Node.js необходимо убедиться, что вы собрали все необходимые знания и загрузили все необходимые файлы и элементы для установки.

Во-первых, было бы полезно, если бы у вас было базовое понимание JavaScript и его синтаксиса — это облегчит вам изучение Node.js.

Во-вторых, базовое понимание языка объектно-ориентированного программирования (ООП) поможет вам работать над кодированием на стороне сервера.

Наконец, вместо того, чтобы спешить с глубоким обучением, делайте это постепенно. Всегда помните, что вы не опоздаете ни на день и не потеряете ни доллара, пока вы прогрессируете.

Системные требования

Node.js не требует сложной аппаратной настройки для запуска; большинство компьютеров этой эпохи должны эффективно обрабатывать Node.js. Даже самые миниатюрные компьютеры, такие как BeagleBone или Arduino YÚN, ​​могут запускать Node.js.

Тем не менее, многое по-прежнему зависит от того, какие другие программы, потребляющие память, работают в той же системе. Но в большинстве случаев вам не о чем беспокоиться, если только ваш компьютер не относится к мезозойской эре!

Версия LTS и текущая версия

Node.js предлагает две разные версии для загрузки: версию LTS и текущую версию.

Первый — это Long-Term Support (LTS), который указывает на версию, которая некоторое время была на рынке и поставляется со всей обязательной поддержкой. Следовательно, вы можете получить доступ к большому количеству информации и сообществу для получения дополнительной помощи с этой версией.

Эта версия LTS рекомендуется большинству пользователей из-за ее устойчивости и 18-месячного цикла поддержки. Поскольку это стабильная версия, использование ее для создания серверных частей может помочь вам добиться надежного результата.

Текущая версия указывает на последнюю выпущенную версию Node с самыми последними добавленными и обновленными функциями. Но эта версия имеет меньшую поддержку (около восьми месяцев) и возможное выявление ошибок. Поэтому специалисты предлагают использовать эту версию только для фронтенд-разработки.

Учитывая все эти факторы, если вы обычный пользователь, который любит жить без проблем, выбирайте LTS-версию. С другой стороны, если вы продвинутый пользователь, который любит приключения, связанные с новыми технологиями, вы можете установить Текущую версию.

Как установить Node.js и npm

В каждой операционной системе есть свой метод установки Node.js. Основной файл установки отличается для каждой ОС. Однако создатели Node.js позаботились о том, чтобы предоставить вам файлы, необходимые для каждой системы.

В следующей части статьи мы обсудим установку Node. js в операционных системах Windows, macOS и Linux.

Как установить Node.js в Windows?

Следуйте этому пошаговому руководству, чтобы установить Node.js в Windows.

1. Загрузите установщик Windows

Сначала вам необходимо загрузить файл установщика Windows (.msi) с официального веб-сайта Node.js. Эта база данных установщика MSI содержит набор файлов установщика, необходимых для установки, обновления или изменения существующей версии Node.js.

Примечательно, что установщик также содержит диспетчер пакетов Node.js (npm). Это означает, что вам не нужно устанавливать npm отдельно.

При загрузке выберите версию, соответствующую вашей операционной системе. Например, если вы используете 64-разрядную операционную систему, загрузите 64-разрядную версию, а если вы используете 32-разрядную версию, загрузите 32-разрядную версию:

Загрузка установщика Node.js.

2. Начните процесс установки

После открытия и запуска .msi , начинается процесс установки. Но вы должны установить несколько параметров перед запуском процесса установки.

Дважды щелкните файл установщика и запустите его. Программа установки попросит вас принять лицензионное соглашение Node.js. Чтобы двигаться дальше, установите флажок «Я принимаю» и нажмите Далее :

Принятие лицензионного соглашения Node.js.

Затем выберите место, куда вы хотите установить Node.js. Если вы не хотите менять каталог, перейдите к местоположению Windows по умолчанию и нажмите кнопку 9.0267 Далее нажать еще раз.

Выбор папки установки Node.js.

На следующем экране будут показаны пользовательские параметры настройки. Если вам нужна стандартная установка с функциями Node.js по умолчанию, нажмите кнопку Next . В противном случае вы можете выбрать определенные элементы из значков в дереве, прежде чем нажимать Далее :

«Выборочная установка» в установщике Node.js.

Node.js предлагает вам варианты установки инструментов для нативных модулей. Если вас это интересует, установите флажок, чтобы отметить свои предпочтения, или нажмите Далее , чтобы двигаться вперед со значением по умолчанию:

Инструменты для нативных модулей в установщике Node.js.

3. Запустите установку Node.js в Windows

Наконец — и это самая простая часть — нажмите кнопку Install , чтобы начать процесс установки:

Начало установки Node.js.

Система завершит установку в течение нескольких секунд или минут и покажет сообщение об успешном завершении. Нажмите кнопку Finish , чтобы закрыть программу установки Node.js.

Завершение установки Node.js в Windows.

4. Проверка установки Node.js

Итак, процесс установки завершен. Теперь вам нужно проверить, успешно ли установлен Node.js.

Чтобы проверить установку и убедиться, что установлена ​​правильная версия, откройте командную строку вашего ПК и введите следующую команду:

 Node --version

И чтобы проверить версию npm, выполните эту команду:

 npm -- версия

Проверка установки Node. js в Windows.

Если версия Node.js и npm установлены правильно, вы увидите название версии в командной строке CMD.

Как установить Node.js на macOS?

Следуйте этим пошаговым инструкциям, чтобы установить Node.js в macOS.

1. Загрузите установщик macOS

Установка Node.js в macOS выполняется почти так же, как и в Windows. Все, что вам нужно сделать, это загрузить установочный файл для Mac. Затем, как только вы запустите его, установщик проведет вас через все остальное.

Сначала загрузите файл установщика macOS (.pkg) с веб-сайта Node.js. Есть только 64-битная версия, так что вам не нужно беспокоиться о том, какую скачать.

Загрузка установщика Node.js для macOS.

2. Начните установку Node.js на macOS

Найдите в папке Download файл установщика и щелкните его, чтобы начать процесс установки.

Установщик Node.js содержит основной файл Node.js, и, следовательно, процесс установки устанавливает как Node. js, так и npm из файла установщика. Поэтому вам не нужно устанавливать npm отдельно.

Затем нажмите Продолжить , чтобы продолжить установку.

Свойства установки Node.js для macOS.

Чтобы установить Node.js, вы должны принять условия использования. Прочтите его, прежде чем нажать кнопку Согласен , чтобы продолжить, если вы хотите изучить лицензионное соглашение.

Лицензионное соглашение на установку Node.js в macOS.

На этом экране вам нужно выбрать место установки. Обычно ОС определяет место установки по умолчанию. Если у вас есть другие требования, вы можете изменить местоположение. В противном случае сохраните расположение по умолчанию.

3. Запустите установку Node.js на macOS

До сих пор вы задавали все настройки, необходимые для полной установки Node.js на macOS. Теперь нажмите кнопку Установить , чтобы закончить.

Выбор места установки Node.js в macOS.

После успешного процесса установки система покажет вам подтверждающее сообщение. Поскольку npm интегрирован в установщик Node.js, в уведомлении также должно быть указано подтверждение установки npm.

Наконец, нажмите кнопку Закрыть , чтобы закрыть диалоговое окно.

Закрытие установщика Node.js.

4. Проверка установки Node.js на macOS

Теперь вы успешно установили Node.js на macOS. Однако вам следует убедиться, что процесс установки прошел успешно и правильно ли работают версии Node.js и npm на вашей macOS.

Чтобы проверить версию Node.js, вам нужно открыть терминал macOS, нажать Command + Space ключей или поиск терминала из строки поиска.

Открытие терминала macOS.

Чтобы проверить версию Node.js, введите:

 Node --version

И чтобы проверить версию npm, выполните следующую команду:

 npm --version

Проверка установки Node.js на macOS.

Если версии Node.js и npm видны, обе они установлены правильно и работают нормально. Если нет, вам может потребоваться перепроверить, чтобы найти ошибку, или повторить процесс установки.

Как установить Node.js в Linux?

Операционная система Linux работает немного иначе, чем другие традиционные операционные системы. Это потому, что Linux с открытым исходным кодом предлагает вам больше свободы, настройки и расширенные функции.

Если вы не очень хорошо разбираетесь в командах, вы должны чувствовать себя комфортно в Linux. Здесь мы собираемся обсудить самый простой способ установки Node.js в операционной системе Linux.

1. Выберите версию Node.js для вашего дистрибутива Linux

Операционная система Linux имеет сотни различных дистрибутивов из-за разнообразия, которое она предоставляет. И пользователи любят настраивать и использовать определенные функции разных версий, используя разные дистрибутивы.

Во-первых, найдите инструкцию по установке для вашего конкретного дистрибутива на странице двоичных дистрибутивов Node.js. В этом руководстве мы будем использовать Ubuntu для иллюстрации. Инструкции по установке

Node.js Ubuntu.

2. Установите инструмент командной строки Curl

Перед установкой Node.js убедитесь, что в вашей системе установлена ​​утилита командной строки curl. Если нет, вставьте эту команду в свой терминал, чтобы установить curl:

 sudo apt install curl

Может потребоваться системный пароль для проверки разрешения на установку. После ввода пароля система должна начать установку curl.

Установка «curl» в Ubuntu.

3. Запустите установку Node.js

Вам необходимо скопировать и вставить команду установки Node.js в свой терминал (в нашем случае мы можем взять ее со страницы дистрибутива Ubuntu), чтобы система могла начать установку Node.js монтаж.

Информация

Каждая версия Node.js имеет другую команду установки. Установите любую версию Node.js, соответствующую вашей настройке Linux.

Например, здесь мы будем устанавливать Node.js v14.x. Это команды установки для Ubuntu:

 curl -fsSL https://deb.nodesource.com/setup_14. x | sudo -E bash - 
 sudo apt-get install -y nodejs

Поскольку на вашем терминале уже установлена ​​командная строка curl, вам нужно будет скопировать и вставить первую команду (команду curl) на свой терминал и запустить его.

Начало установки Node.js в Ubuntu.

Команда curl запускает процесс установки Node.js, обновляет вашу систему и загружает все библиотеки Node.js, необходимые для установки Node.js в ОС Linux.

Установка библиотеки Node.js.

Теперь все библиотеки и ресурсы Node.js загружены на ваш компьютер. С помощью одной последней команды мы можем завершить установку Node.js и npm на ваш компьютер.

Скопируйте и вставьте вторую строку команды из приведенных выше инструкций по установке в свой терминал Linux:

 sudo apt-get install -y nodejs

Установка Node.js в Ubuntu.

Если вы все сделали правильно, Node.js правильно установится в вашем дистрибутиве Linux. Теперь введите Команда очистки для очистки терминала.

4. Проверка установки Node.js в дистрибутиве Linux Ubuntu

После установки Node.js вы можете проверить, прошла ли установка успешно. Чтобы подтвердить установку, вам нужно запустить две простые команды Linux на вашем терминале Linux.

Чтобы проверить версию Node.js, введите:

 Node --version

И чтобы проверить версию npm, введите:

 npm --version

Проверка установки Node.js в Ubuntu.

Если версия Node.js и npm установлены правильно, вы увидите имена версий Node.js и npm в терминале Linux. Это означает, что вы успешно установили Node.js и npm в свой дистрибутив Linux.

Проверка и обновление версии npm

Как мы уже упоминали, npm — это менеджер пакетов Node.js. Он управляет зависимостями для пакетов. Без npm вам пришлось бы распаковывать все ваши пакеты Node.js вручную каждый раз, когда вы хотите загрузить фреймворк. Но npm освобождает вас от этой ответственности и берет на себя ее автоматически.

Регулярное обновление npm также обновляет ваши локальные пакеты и улучшает код, используемый в ваших проектах. Однако, поскольку npm автоматически устанавливается вместе с выбранной вами версией Node.js, он часто пропускает последнюю версию npm. В таких случаях вы можете проверить свою версию npm и обновить ее вручную с помощью простого процесса.

Процессы проверки и обновления вашей версии npm очень похожи в Windows, macOS и Linux — вы будете запускать одну и ту же команду в каждой из них.

Обновление npm в Windows

Чтобы проверить версию npm, выполните следующую команду:

 npm -v

… или:

 npm --version

И чтобы обновить версию npm, выполните следующую команду:

 npm install -g [email protected]

После запуска этой команды в командной строке Windows система обновит вашу версию npm и установит дополнительные пакеты за несколько секунд. В конце концов, вы можете перепроверить версию, чтобы подтвердить обновление версии npm.

Обновление npm в Windows.

Обновите npm в macOS

Чтобы проверить версию npm в macOS, откройте терминал и выполните следующую команду:

 npm -v

…или:

 npm --version

Проверка версии npm в macOS.

Чтобы обновить версию npm, выполните следующую команду в терминале macOS:

 npm install -g [электронная почта защищена]

Обновление npm в macOS.

Обновите npm в Linux

Чтобы обновить версию npm в Linux, введите в терминал следующие команды:

 sudo npm install -g n

… и затем:

 sudo n last

Обновление npm в Ubuntu.

С Node.js вы сможете поднять свои навыки веб-разработчика на новый уровень 📈… так чего же вы ждете? Начните с этого руководства 👇Нажмите, чтобы твитнуть

Резюме

Node.js быстро стал популярной средой программирования благодаря своей полезности как во внешнем, так и во внутреннем интерфейсе. Тысячи активных пользователей создали обширное сообщество, которое помогает новым разработчикам и их вопросам не оставаться незамеченными.

По сути, начать работу с Node.js легко из-за его простоты, а его возможности для создания сложных приложений экстраординарны. Это также может помочь превратить вас в полнофункционального разработчика за короткое время. Эти функции делают Node.js неизбежным выбором для программирования следующего поколения.

Пропустили ли мы какие-нибудь полезные советы по установке Node.js в Windows, macOS или Linux? Дайте нам знать в разделе комментариев!

 

Получите все свои приложения, базы данных и сайты WordPress онлайн и под одной крышей. Наша многофункциональная высокопроизводительная облачная платформа включает в себя:

  • Простая настройка и управление в панели управления MyKinsta
  • Экспертная поддержка 24/7
  • Лучшее оборудование и сеть Google Cloud Platform на базе Kubernetes для максимальной масштабируемости
  • Интеграция Cloudflare корпоративного уровня для скорости и безопасности
  • Глобальный охват аудитории благодаря 35 центрам обработки данных и 300 точкам присутствия по всему миру

Начните с бесплатной пробной версии нашего хостинга приложений или хостинга баз данных. Ознакомьтесь с нашими планами или поговорите с отделом продаж, чтобы найти наиболее подходящий вариант.