🎊 Установка стека MEAN.JS на Ubuntu 18.04 LTS

by itisgood

MEAN.JS – это полноценное JavaScript-решение с открытым исходным кодом для создания быстрых и надежных веб-приложений.

Стек MEAN.JS состоит из MongoDB (база данных NoSQL), ExpressJs (платформа веб-приложения сервера NodeJS), AngularJS (платформа веб-приложения клиента) и Node.js (среда выполнения JavaScript, популярная как платформа веб-сервера). )

В этом уроке мы обсудим, как установить MEAN.JS-стек в Ubuntu.

Это руководство было протестировано на сервере Ubuntu 18.04 LTS.

Тем не менее, он должен работать на других версиях Ubuntu и вариантах Ubuntu.

Установка MongoDB

MongoDB – это бесплатная кроссплатформенная база данных NoSQL с открытым исходным кодом.

Чтобы установить MongoDB в вашей системе Ubuntu, обратитесь к следующему руководству:

Как установить MongoDB на Ubuntu (4 шага)

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

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

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

Как установить Gulp.js на Ubuntu 18.04 и 16.04 LTS

После установки MongoDB и Node.js нам нужно установить другие необходимые компоненты, такие как Yarn, Grunt и Gulp для стека MEAN.js.

Установите менеджер пакетов Yarn

Yarn – менеджер пакетов, используемый стеком MEAN.JS для управления внешними пакетами.

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

$ npm install -g yarn

Установите Grunt Task Runner

Grunt Task Runner используется для автоматизации процесса разработки.

Чтобы установить Grunt, запустите:

$ npm install -g grunt-cli

Чтобы проверить, установлены ли Yarn и Grunt, выполните:

$ npm list -g --depth=0
/home/sk/.nvm/versions/node/v11.11.0/lib
├── grunt-cli@1.3.2
├── npm@6.7.0
└── yarn@1.13.0

Установите Gulp Task Runner (Необязательно)

Это необязательно.

Вы можете использовать Gulp вместо Grunt. Чтобы установить Gulp Task Runner, выполните следующую команду:

$ npm install -g gulp

Мы установили все необходимые предпосылки. Теперь давайте развернем стек MEAN.JS.

Загрузите и установите MEAN.JS Stack

Установите Git, если он еще не установлен:

$ sudo apt-get install git

Затем клонируйте репозиторий MEAN.JS с помощью команды:

$ git clone https://github.com/meanjs/mean.git meanjs

Пример вывода

Cloning into 'meanjs'...
remote: Counting objects: 8596, done.
remote: Compressing objects: 100% (12/12), done.
remote: Total 8596 (delta 3), reused 0 (delta 0), pack-reused 8584
Receiving objects: 100% (8596/8596), 2.62 MiB | 140.00 KiB/s, done.
Resolving deltas: 100% (4322/4322), done.
Checking connectivity... done.

Приведенная выше команда клонирует последнюю версию хранилища MEAN.JS в папку meanjs в вашем текущем рабочем каталоге.

Перейдите в папку meanjs:

$ cd meanjs/

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

$ npm install

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

Исправление ошибок

Когда я запускаю указанную выше команду в Ubuntu 18.04 LTS, я получаю следующую ошибку:

Downloading binary from https://github.com/sass/node-sass/releases/download/v4.5.3/linux-x64-67_binding.node
Cannot download "https://github.com/sass/node-sass/releases/download/v4.5.3/linux-x64-67_binding.node":

HTTP error 404 Not Found

[....]

Если вы получаете такие типичные ошибки, как «node-sass и gulp-sass», выполните следующие действия:

Сначала удалите проект и глобальные модули gulp-sass, используя следующие команды:

$ npm uninstall gulp-sass
$ npm uninstall -g gulp-sass

Затем удалите глобальный модуль node-sass:

$ npm uninstall -g node-sass

Сначала установите глобальный node-sass. Затем установите модуль gulp-sass на локальном уровне проекта.

$ npm install -g node-sass
$ npm install gulp-sass

Теперь попробуйте снова установить npm из папки проекта, используя команду:

$ npm install

Теперь все зависимости начнут устанавливаться без проблем.

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

$ yarn --allow-root --config.interactive=false install

или,

$ yarn --allow-root install

В конце вы увидите следующее сообщение, если установка прошла успешно.

[...]
> meanjs@0.6.0 snyk-protect /home/sk/meanjs
> snyk protect

Successfully applied Snyk patches

Done in 99.47s.

Стек MEAN.JS был установлен. Теперь мы можем запустить пример приложения, используя команду:

$ npm start

Через несколько секунд вы увидите сообщение, как показано ниже. Это означает, что стек MEAN.JS работает!

[...]
MEAN.JS - Development Environment

Environment: development
Server: http://0.0.0.0:3000
Database: mongodb://localhost/mean-dev
App version: 0.6.0
MEAN.JS version: 0.6.0

Для проверки откройте браузер и перейдите по адресу http://localhost:3000 или http://IP-адрес:3000/.

Вы должны увидеть на экране что-то вроде этого:

 

You may also like

Leave a Comment